/**
 * Coffee Trade — Buttons & calls to action
 * ----------------------------------------------------------------------------
 * Unifies the WooCommerce / Astra / WordPress-block button systems into one
 * consistent, premium set:
 *   - Primary  (espresso fill)  : purchase actions (add to cart, checkout, place order)
 *   - Secondary (quiet outline) : supporting Woo actions (update cart, apply coupon)
 *   - .ctc-btn--secondary       : advisory CTAs we inject ("Få rådgivning") — bronze outline
 *
 * Elementor's own buttons (.elementor-button) are intentionally NOT restyled
 * here — they are governed by the Elementor kit (client admin), so we avoid
 * fighting the Elementor-built homepage.
 *
 * Cascade strategy: selectors match Astra/Woo specificity and load later, so
 * no !important is needed.
 */

/* --- Shared shape --------------------------------------------------------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce #place_order,
.woocommerce button.single_add_to_cart_button,
.wc-block-components-button,
.ast-button,
.wp-block-button__link,
.ctc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ctc-space-2);
	border: var(--ctc-border-width) solid transparent;
	border-radius: var(--ctc-radius);
	padding: 0.75rem 2rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.01em;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	transition: background-color var(--ctc-transition),
		border-color var(--ctc-transition),
		color var(--ctc-transition),
		box-shadow var(--ctc-transition),
		transform var(--ctc-transition);
}

/* --- Primary: strong espresso CTA (purchase actions) ---------------------- */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce a.checkout-button,
.woocommerce #place_order,
.woocommerce button.single_add_to_cart_button,
.wc-block-components-button.contained,
.wc-block-components-button:not(.is-link):not(.outlined),
.ctc-btn--primary {
	background-color: var(--ctc-cta-bg);
	color: var(--ctc-cta-fg);
	border-color: var(--ctc-cta-bg);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce button.single_add_to_cart_button:hover,
.wc-block-components-button.contained:hover,
.wc-block-components-button:not(.is-link):not(.outlined):hover,
.ctc-btn--primary:hover,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce #place_order:focus,
.woocommerce button.single_add_to_cart_button:focus {
	background-color: var(--ctc-cta-hover-bg);
	color: var(--ctc-cta-hover-fg);
	border-color: var(--ctc-cta-hover-bg);
}

/* --- Secondary: quiet outline for supporting Woo actions ------------------ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.ast-button,
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	color: var(--ctc-text);
	border-color: var(--ctc-line);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.ast-button:hover {
	background-color: var(--ctc-stone);
	color: var(--ctc-text);
	border-color: var(--ctc-taupe);
}

/* --- Advisory secondary CTA ("Få rådgivning") — bronze outline ------------ */
.ctc-btn--secondary,
a.ctc-btn--secondary,
.woocommerce a.ctc-btn--secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--ctc-space-2);
	background-color: transparent;
	color: var(--ctc-cta2-fg);
	border: var(--ctc-border-width) solid var(--ctc-cta2-border);
	border-radius: var(--ctc-radius);
	padding: 0.625rem 1.5rem;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	transition: background-color var(--ctc-transition), color var(--ctc-transition), border-color var(--ctc-transition);
}

.ctc-btn--secondary:hover,
.ctc-btn--secondary:focus,
.woocommerce a.ctc-btn--secondary:hover {
	background-color: var(--ctc-cta2-hover-bg);
	color: var(--ctc-cta2-hover-fg);
	border-color: var(--ctc-cta2-hover-bg);
}

/* --- "View cart" link after add-to-cart: keep it quiet -------------------- */
.woocommerce a.added_to_cart {
	display: inline-flex;
	align-items: center;
	color: var(--ctc-walnut);
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: 600;
}

/* --- Accessible focus ring (keyboard) ------------------------------------- */
.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible,
.woocommerce input.button:focus-visible,
.woocommerce #place_order:focus-visible,
.woocommerce button.single_add_to_cart_button:focus-visible,
.wc-block-components-button:focus-visible,
.ast-button:focus-visible,
.wp-block-button__link:focus-visible,
.ctc-btn:focus-visible,
.ctc-btn--secondary:focus-visible {
	outline: none;
	box-shadow: var(--ctc-focus-ring);
}

/* --- Disabled / loading --------------------------------------------------- */
.woocommerce .button:disabled,
.woocommerce .button[disabled],
.woocommerce button.button:disabled,
.wc-block-components-button:disabled,
.woocommerce .button.loading {
	opacity: 0.6;
	cursor: not-allowed;
}