/**
 * HQ Saga — ONE unified button system.
 * Shape: pill. Type: Albert Sans 600, uppercase, 0.04em. Height: 44 (48 large).
 * Variants: primary (terracotta) · dark (ink) · outline (sage pastel).
 * All site buttons — including header CTA and "Read More" — inherit this.
 */

.hq-btn,
.hq-saga-theme .button,
.hq-saga-theme button.button,
.hq-saga-theme input.button,
.hq-saga-theme input[type="submit"],
.hq-saga-theme .woocommerce a.button,
.hq-saga-theme .woocommerce button.button,
.hq-saga-theme .woocommerce input.button,
.hq-saga-theme .woocommerce #respond input#submit,
.hq-saga-theme .woocommerce-page .button,
.hq-saga-theme :is(#header, #masthead) .hq-header-cta,
.hq-card__quick-add-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	min-height: 44px;
	padding: 0 var(--space-5);
	border: 0 !important;
	border-radius: var(--radius-btn) !important;
	background: var(--hq-btn-primary-bg) !important;
	color: #fff !important;
	font-family: var(--hq-font-ui) !important;
	font-size: var(--fs-meta) !important;
	font-weight: var(--fw-semibold) !important;
	line-height: 1.2 !important;
	letter-spacing: 0.04em;
	text-decoration: none !important;
	text-transform: uppercase;
	box-shadow: none !important;
	cursor: pointer;
	transition: background var(--duration) var(--ease), color var(--duration) var(--ease), transform var(--duration) var(--ease);
}

.hq-btn:hover,
.hq-btn:focus-visible,
.hq-saga-theme .button:hover,
.hq-saga-theme .button:focus-visible,
.hq-saga-theme button.button:hover,
.hq-saga-theme .woocommerce a.button:hover,
.hq-saga-theme .woocommerce button.button:hover,
.hq-saga-theme .woocommerce input.button:hover,
.hq-card__quick-add-btn:hover,
.hq-card__quick-add-btn:focus-visible {
	background: var(--hq-btn-primary-bg-hover) !important;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px var(--hq-btn-primary-shadow) !important;
}

.hq-btn:focus-visible,
.hq-saga-theme .button:focus-visible,
.hq-card__quick-add-btn:focus-visible {
	outline: 2px solid var(--hq-ink);
	outline-offset: 2px;
}

/* Full-width card Quick Add */
.hq-card__quick-add-btn {
	width: 100%;
	padding: 0 var(--space-4);
}

/* Outline variant — pastel sage fill, deepens on hover */
.hq-btn--secondary,
.hq-saga-theme .button.alt.secondary {
	background: var(--hq-sage-tint) !important;
	border: 1px solid var(--hq-sage-tint-border) !important;
	color: var(--hq-sage-dark) !important;
	text-transform: none;
}

.hq-btn--secondary:hover,
.hq-btn--secondary:focus-visible {
	background: var(--hq-sage) !important;
	border-color: var(--hq-sage) !important;
	color: #fff !important;
}

/* Dark variant — ink fill ("View" links); header CTA uses primary terracotta */
.hq-btn--view {
	background: var(--hq-ink) !important;
}

.hq-saga-theme :is(#header, #masthead) .hq-header-cta {
	background: var(--hq-btn-primary-bg) !important;
}

.hq-saga-theme :is(#header, #masthead) .hq-header-cta:hover,
.hq-saga-theme :is(#header, #masthead) .hq-header-cta:focus-visible {
	background: var(--hq-btn-primary-bg-hover) !important;
	color: #fff !important;
}

.hq-btn--view:hover,
.hq-btn--view:focus-visible {
	background: #4a3d32 !important;
	color: #fff !important;
}

/* Quick Add "View" button on cards shares the primary terracotta skin for uniformity */
.hq-card__quick-add-btn--view {
	background: var(--hq-btn-primary-bg) !important;
	color: #fff !important;
}

.hq-card__quick-add-btn--view:hover,
.hq-card__quick-add-btn--view:focus-visible {
	background: var(--hq-btn-primary-bg-hover) !important;
	color: #fff !important;
}

/* PDP Add to Cart — same pill, slightly taller */
.hq-saga-product form.cart button.single_add_to_cart_button,
.hq-saga-product form.cart .single_add_to_cart_button.button {
	min-height: 48px !important;
	padding: 0 var(--space-6) !important;
	font-size: 0.8125rem !important;
}

.hq-saga-product form.cart button.single_add_to_cart_button::before,
.hq-saga-product form.cart .single_add_to_cart_button::before {
	content: none !important;
	display: none !important;
}

/* Cart / checkout actions */
.hq-saga-cart .woocommerce-cart-form button[name="update_cart"],
.hq-saga-cart .wc-proceed-to-checkout a.checkout-button,
.hq-saga-theme .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
	min-height: 48px !important;
	width: 100%;
}

.hq-saga-cart .woocommerce-cart-form button[name="update_cart"] {
	width: auto;
}

/* Strip parent theme button pseudo-icons on shop cards */
.hq-saga-shop .hq-card__quick-add-btn::before,
.hq-saga-shop .hq-card__quick-add-btn::after,
.hq-card__quick-add-btn::before,
.hq-card__quick-add-btn::after {
	content: none !important;
	display: none !important;
}

/* ── Button label alignment — always centered (cards/forms often set text-align: left) ── */
.hq-saga-theme .hq-btn,
.hq-saga-theme .button,
.hq-saga-theme button.button,
.hq-saga-theme input.button,
.hq-saga-theme input[type="submit"],
.hq-saga-theme .woocommerce a.button,
.hq-saga-theme .woocommerce button.button,
.hq-saga-theme .woocommerce input.button,
.hq-saga-theme .woocommerce #respond input#submit,
.hq-saga-theme :is(#header, #masthead) .hq-header-cta,
.hq-card__quick-add-btn,
.hq-saga-theme .wc-block-components-button,
.hq-saga-theme .wc-block-cart__submit-button,
.hq-saga-theme .wc-block-components-checkout-place-order-button,
.hq-saga-theme .wc-proceed-to-checkout .checkout-button,
.hq-saga-theme .elementor-button,
.hq-saga-theme .hq-mobile-nav-auth-cta,
.hq-saga-theme .hq-mobile-nav-auth-account,
.hq-saga-theme :is(#header, #masthead) .hq-mobile-nav-shop-wrap a.hfe-menu-item,
.hq-saga-theme .wpcf7-form input[type="submit"],
.hq-saga-theme .hq-contact-form__submit .wpcf7-submit,
.hq-saga-product form.cart .single_add_to_cart_button,
.hq-saga-theme .hq-brand-story__cta,
.hq-saga-theme .hq-hero-section .elementor-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

.hq-saga-theme .wc-block-components-button__text,
.hq-saga-theme .elementor-button-text {
	display: block;
	width: 100%;
	text-align: center !important;
}

.hq-saga-theme .elementor-button-content-wrapper {
	justify-content: center !important;
	width: 100%;
}

.hq-card__quick-add {
	align-self: stretch;
	width: 100%;
}