/**
 * Unified CTA buttons — Arabia Essence
 *
 * Default: dark green fill + bright gold text (#E8D5A3)
 * Hover / focus / active: gold fill + dark green text
 * Slightly rounded corners, shared body font, em-based padding (scales with type).
 * Soft ~0.42s motion.
 *
 * Excludes: ghost/text links, icon-only controls, qty steppers, Montonio widgets.
 */

/* --------------------------------------------------------------------------
   Shared solid CTA mixin (applied via selectors below)
   -------------------------------------------------------------------------- */

.ae-btn:not(.ae-btn--ghost):not(.ae-btn--text):not(.ae-btn--outline),
.woocommerce a.button:not(.ae-btn--ghost):not(.ae-btn--text),
.woocommerce button.button:not(.ae-btn--ghost):not(.ae-btn--text),
.woocommerce input.button:not(.ae-btn--ghost):not(.ae-btn--text),
.woocommerce #respond input#submit,
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .single_add_to_cart_button,
.ae-product-card__atc-btn,
.ae-loop-atc__btn,
.ae-cart__checkout .ae-btn,
.ae-cart__checkout .ae-cart__checkout-btn,
.ae-cart__checkout a.checkout-button,
.ae-cart__checkout a.button,
.ae-cart__actions > .button,
.ae-cart__coupon .button,
.ae-mini-cart__buttons .ae-btn:not(.ae-btn--outline),
.ae-mini-cart__coupon-row .ae-btn,
.ae-checkout__nav .ae-btn--primary,
.ae-checkout__nav .ae-checkout__next,
.ae-checkout__payment #place_order,
.ae-checkout__payment #place_order.button.alt,
.ae-newsletter .ae-btn,
.ae-newsletter button[type="submit"],
.ae-contact-form button[type="submit"],
.ae-form button[type="submit"],
.woocommerce-form-login button[type="submit"],
.woocommerce-form-register button[type="submit"],
.woocommerce-ResetPassword button[type="submit"],
.woocommerce-EditAccountForm button[type="submit"],
.woocommerce-address-fields button[type="submit"],
.ae-account button.button,
.ae-coming-soon button[type="submit"],
.ae-promo-popup button[type="submit"],
.ae-offer-popup .ae-btn,
.ae-cookie-consent__accept,
.ae-cookie-consent__btn--accept {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.55em;
	box-sizing: border-box;
	font-family: var(--ae-btn-font, var(--ae-font-body)) !important;
	font-size: 0.8125rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	line-height: 1.25 !important;
	padding: 1.05em 2.35em !important;
	min-height: 3.85em !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: var(--ae-btn-bg, var(--ae-color-primary)) !important;
	border-radius: var(--ae-btn-radius, 6px) !important;
	background: var(--ae-btn-bg, var(--ae-color-primary)) !important;
	background-image: none !important;
	color: var(--ae-btn-fg, #E8D5A3) !important;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition:
		background-color var(--ae-btn-duration, 0.42s) var(--ae-btn-ease, cubic-bezier(0.22, 1, 0.36, 1)),
		color var(--ae-btn-duration, 0.42s) var(--ae-btn-ease, cubic-bezier(0.22, 1, 0.36, 1)),
		border-color var(--ae-btn-duration, 0.42s) var(--ae-btn-ease, cubic-bezier(0.22, 1, 0.36, 1)),
		transform calc(var(--ae-btn-duration, 0.42s) * 0.75) var(--ae-btn-ease, cubic-bezier(0.22, 1, 0.36, 1)),
		box-shadow var(--ae-btn-duration, 0.42s) var(--ae-btn-ease, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

.ae-btn:not(.ae-btn--ghost):not(.ae-btn--text):not(.ae-btn--outline):hover,
.ae-btn:not(.ae-btn--ghost):not(.ae-btn--text):not(.ae-btn--outline):focus-visible,
.ae-btn:not(.ae-btn--ghost):not(.ae-btn--text):not(.ae-btn--outline):active,
.woocommerce a.button:not(.ae-btn--ghost):not(.ae-btn--text):hover,
.woocommerce a.button:not(.ae-btn--ghost):not(.ae-btn--text):focus-visible,
.woocommerce a.button:not(.ae-btn--ghost):not(.ae-btn--text):active,
.woocommerce button.button:not(.ae-btn--ghost):not(.ae-btn--text):hover,
.woocommerce button.button:not(.ae-btn--ghost):not(.ae-btn--text):focus-visible,
.woocommerce button.button:not(.ae-btn--ghost):not(.ae-btn--text):active,
.woocommerce input.button:not(.ae-btn--ghost):not(.ae-btn--text):hover,
.woocommerce input.button:not(.ae-btn--ghost):not(.ae-btn--text):focus-visible,
.woocommerce input.button:not(.ae-btn--ghost):not(.ae-btn--text):active,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus-visible,
.woocommerce #respond input#submit:active,
.woocommerce div.product form.cart .button:hover,
.woocommerce div.product form.cart .button:focus-visible,
.woocommerce div.product form.cart .button:active,
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:focus-visible,
.woocommerce div.product form.cart .single_add_to_cart_button:active,
.ae-product-card__atc-btn:hover,
.ae-product-card__atc-btn:focus-visible,
.ae-product-card__atc-btn:active,
.ae-loop-atc__btn:hover,
.ae-loop-atc__btn:focus-visible,
.ae-loop-atc__btn:active,
.ae-cart__checkout .ae-btn:hover,
.ae-cart__checkout .ae-btn:focus-visible,
.ae-cart__checkout .ae-btn:active,
.ae-cart__checkout .ae-cart__checkout-btn:hover,
.ae-cart__checkout .ae-cart__checkout-btn:focus-visible,
.ae-cart__checkout .ae-cart__checkout-btn:active,
.ae-cart__checkout a.checkout-button:hover,
.ae-cart__checkout a.checkout-button:focus-visible,
.ae-cart__checkout a.checkout-button:active,
.ae-cart__checkout a.button:hover,
.ae-cart__checkout a.button:focus-visible,
.ae-cart__checkout a.button:active,
.ae-cart__actions > .button:hover,
.ae-cart__actions > .button:focus-visible,
.ae-cart__actions > .button:active,
.ae-cart__coupon .button:hover,
.ae-cart__coupon .button:focus-visible,
.ae-cart__coupon .button:active,
.ae-mini-cart__buttons .ae-btn:not(.ae-btn--outline):hover,
.ae-mini-cart__buttons .ae-btn:not(.ae-btn--outline):focus-visible,
.ae-mini-cart__buttons .ae-btn:not(.ae-btn--outline):active,
.ae-mini-cart__coupon-row .ae-btn:hover,
.ae-mini-cart__coupon-row .ae-btn:focus-visible,
.ae-mini-cart__coupon-row .ae-btn:active,
.ae-checkout__nav .ae-btn--primary:hover,
.ae-checkout__nav .ae-btn--primary:focus-visible,
.ae-checkout__nav .ae-btn--primary:active,
.ae-checkout__nav .ae-checkout__next:hover,
.ae-checkout__nav .ae-checkout__next:focus-visible,
.ae-checkout__nav .ae-checkout__next:active,
.ae-checkout__payment #place_order:hover,
.ae-checkout__payment #place_order:focus-visible,
.ae-checkout__payment #place_order:active,
.ae-checkout__payment #place_order.button.alt:hover,
.ae-checkout__payment #place_order.button.alt:focus-visible,
.ae-checkout__payment #place_order.button.alt:active,
.ae-newsletter .ae-btn:hover,
.ae-newsletter .ae-btn:focus-visible,
.ae-newsletter .ae-btn:active,
.ae-newsletter button[type="submit"]:hover,
.ae-newsletter button[type="submit"]:focus-visible,
.ae-newsletter button[type="submit"]:active,
.ae-contact-form button[type="submit"]:hover,
.ae-contact-form button[type="submit"]:focus-visible,
.ae-contact-form button[type="submit"]:active,
.ae-form button[type="submit"]:hover,
.ae-form button[type="submit"]:focus-visible,
.ae-form button[type="submit"]:active,
.woocommerce-form-login button[type="submit"]:hover,
.woocommerce-form-login button[type="submit"]:focus-visible,
.woocommerce-form-login button[type="submit"]:active,
.woocommerce-form-register button[type="submit"]:hover,
.woocommerce-form-register button[type="submit"]:focus-visible,
.woocommerce-form-register button[type="submit"]:active,
.woocommerce-ResetPassword button[type="submit"]:hover,
.woocommerce-ResetPassword button[type="submit"]:focus-visible,
.woocommerce-ResetPassword button[type="submit"]:active,
.woocommerce-EditAccountForm button[type="submit"]:hover,
.woocommerce-EditAccountForm button[type="submit"]:focus-visible,
.woocommerce-EditAccountForm button[type="submit"]:active,
.woocommerce-address-fields button[type="submit"]:hover,
.woocommerce-address-fields button[type="submit"]:focus-visible,
.woocommerce-address-fields button[type="submit"]:active,
.ae-account button.button:hover,
.ae-account button.button:focus-visible,
.ae-account button.button:active,
.ae-coming-soon button[type="submit"]:hover,
.ae-coming-soon button[type="submit"]:focus-visible,
.ae-coming-soon button[type="submit"]:active,
.ae-promo-popup button[type="submit"]:hover,
.ae-promo-popup button[type="submit"]:focus-visible,
.ae-promo-popup button[type="submit"]:active,
.ae-offer-popup .ae-btn:hover,
.ae-offer-popup .ae-btn:focus-visible,
.ae-offer-popup .ae-btn:active,
.ae-cookie-consent__accept:hover,
.ae-cookie-consent__accept:focus-visible,
.ae-cookie-consent__accept:active,
.ae-cookie-consent__btn--accept:hover,
.ae-cookie-consent__btn--accept:focus-visible,
.ae-cookie-consent__btn--accept:active {
	background: var(--ae-btn-bg-hover, var(--ae-color-gold-bright)) !important;
	background-image: none !important;
	color: var(--ae-btn-fg-hover, var(--ae-color-primary)) !important;
	border-color: var(--ae-btn-bg-hover, var(--ae-color-gold-bright)) !important;
	box-shadow: 0 10px 24px -10px rgba(189, 168, 111, 0.5) !important;
	outline: none;
}

@media (hover: hover) and (pointer: fine) {
	.ae-btn:not(.ae-btn--ghost):not(.ae-btn--text):not(.ae-btn--outline):hover,
	.woocommerce a.button:not(.ae-btn--ghost):not(.ae-btn--text):hover,
	.woocommerce button.button:not(.ae-btn--ghost):not(.ae-btn--text):hover,
	.woocommerce input.button:not(.ae-btn--ghost):not(.ae-btn--text):hover,
	.woocommerce #respond input#submit:hover,
	.woocommerce div.product form.cart .button:hover,
	.woocommerce div.product form.cart .single_add_to_cart_button:hover,
	.ae-product-card__atc-btn:hover,
	.ae-loop-atc__btn:hover,
	.ae-cart__checkout .ae-btn:hover,
	.ae-cart__checkout .ae-cart__checkout-btn:hover,
	.ae-cart__checkout a.checkout-button:hover,
	.ae-cart__checkout a.button:hover,
	.ae-checkout__nav .ae-btn--primary:hover,
	.ae-checkout__nav .ae-checkout__next:hover,
	.ae-checkout__payment #place_order:hover,
	.ae-newsletter .ae-btn:hover {
		transform: translateY(-1px);
	}
}

.ae-btn:not(.ae-btn--ghost):not(.ae-btn--text):not(.ae-btn--outline):active,
.woocommerce a.button:not(.ae-btn--ghost):not(.ae-btn--text):active,
.woocommerce button.button:not(.ae-btn--ghost):not(.ae-btn--text):active,
.woocommerce input.button:not(.ae-btn--ghost):not(.ae-btn--text):active,
.woocommerce div.product form.cart .button:active,
.woocommerce div.product form.cart .single_add_to_cart_button:active,
.ae-product-card__atc-btn:active,
.ae-loop-atc__btn:active,
.ae-cart__checkout .ae-btn:active,
.ae-cart__checkout .ae-cart__checkout-btn:active,
.ae-cart__checkout a.checkout-button:active,
.ae-checkout__nav .ae-btn--primary:active,
.ae-checkout__nav .ae-checkout__next:active,
.ae-checkout__payment #place_order:active,
.ae-newsletter .ae-btn:active {
	transform: none;
	box-shadow: none !important;
}

/* Size variants — font-size drives em padding */
.ae-btn--lg,
.ae-hero__actions .ae-btn,
.ae-section-cta .ae-btn {
	font-size: 0.875rem !important;
	padding: 1.1em 2.6em !important;
	min-height: 3.9em !important;
}

.ae-btn--sm,
.ae-cart__coupon .button,
.ae-mini-cart__coupon-row .ae-btn {
	font-size: 0.75rem !important;
	padding: 0.95em 1.85em !important;
	min-height: 3.5em !important;
}

/* Full-width CTAs keep relative type, stretch width */
.ae-cart__checkout .ae-btn,
.ae-cart__checkout .ae-cart__checkout-btn,
.ae-cart__checkout a.checkout-button,
.ae-cart__checkout a.button,
.ae-checkout__nav .ae-btn--primary,
.ae-checkout__nav .ae-checkout__next,
.ae-checkout__payment #place_order {
	width: 100%;
}

/* Product card ATC — flush bar inside image (second/store design) */
.ae-product-card__atc-btn,
.ae-loop-atc__btn {
	width: 100%;
}

.ae-product-card__atc-btn {
	font-size: 0.6875rem !important;
	padding: 0.85em 1.15em !important;
	min-height: 2.85rem !important;
	letter-spacing: 0.14em !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.ae-product-card__atc-btn:hover,
.ae-product-card__atc-btn:focus-visible,
.ae-product-card__atc-btn:active {
	transform: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

/* Disabled / loading — keep palette, mute interaction */
.woocommerce button.button:disabled,
.woocommerce button.button.disabled,
.woocommerce a.button.disabled,
.ae-btn:disabled,
.ae-btn.disabled,
.ae-product-card__atc-btn.loading,
.ae-product-card__atc-btn.added {
	opacity: 0.72;
}

.single-product .ae-woocommerce div.product form.variations_form .single_add_to_cart_button.disabled,
.single-product .ae-woocommerce div.product form.variations_form .single_add_to_cart_button:disabled {
	cursor: not-allowed !important;
	opacity: 0.55;
	transform: none !important;
	box-shadow: none !important;
}

/* Ghost / text — keep as links, not solid CTAs */
.ae-btn--ghost,
.ae-btn--text {
	background-image: none !important;
	box-shadow: none !important;
	transform: none !important;
	min-height: 0 !important;
}