/*
 * FluentCart — site-wide Hesham Saad teal palette.
 * Tokens on :root feed cart drawer, checkout, shop, product pages, and quick-view modal.
 */

:root {
	/* Legacy FluentCart color API */
	--fluent-cart-primary-color: var(--brand, #16697a);
	--fluent-cart-secondary-color: var(--hs-palette-teal-tint-40, #73a5af);
	--fluent-cart-title-color: var(--foreground, #0a0a0a);
	--fluent-cart-text-color: var(--muted-foreground, #525866);
	--fluent-cart-border-outline: color-mix(in oklab, var(--brand, #16697a) 18%, var(--border, #e5e5e5));
	--fluent-cart-border-divider: var(--hs-palette-teal-tint-80, #d0e1e4);
	--fluent-cart-text-inverse: #ffffff;

	/* Core plugin tokens */
	--fct-primary-bg-color: var(--brand, #16697a);
	--fct-btn-bg-color: var(--brand, #16697a);
	--fct-btn-text-color: #ffffff;
	--fct-btn-border-color: var(--hs-palette-teal-shade-10, #145f6e);
	--fct-direct-btn-bg-color: var(--brand, #16697a);
	--fct-direct-btn-text-color: #ffffff;
	--fct-secondary-btn-bg-color: #ffffff;
	--fct-secondary-btn-text-color: var(--hs-palette-teal-shade-40, #0d3f49);
	--fct-secondary-btn-border-color: color-mix(in oklab, var(--brand, #16697a) 28%, var(--border, #e5e5e5));
	--fct-secondary-btn-hover-bg-color: var(--hs-palette-teal-tint-90, #e8f0f2);
	--fct-primary-text-color: var(--foreground, #0a0a0a);
	--fct-secondary-text-color: var(--muted-foreground, #525866);
	--fct-border-color: color-mix(in oklab, var(--brand, #16697a) 18%, var(--border, #e5e5e5));
	--fct-divider-color: var(--hs-palette-teal-tint-80, #d0e1e4);
	--fct-secondary-bg-color: var(--hs-palette-teal-tint-90, #e8f0f2);
	--fct-input-bg-color: var(--background, #ffffff);
	--fct-input-text-color: var(--foreground, #0a0a0a);
	--fct-input-border-color: color-mix(in oklab, var(--brand, #16697a) 22%, var(--border, #e5e5e5));
	--fct-add-to-cart-btn-bg-color: #ffffff;
	--fct-add-to-cart-btn-hover-bg-color: var(--hs-palette-teal-tint-90, #e8f0f2);
	--fct-add-to-cart-btn-text-color: var(--brand, #16697a);
	--fct-add-to-cart-btn-border-color: var(--brand, #16697a);

	/* Cart drawer */
	--fct-cart-drawer-primary-bg-color: var(--brand, #16697a);
	--fct-cart-drawer-btn-bg-color: var(--brand, #16697a);
	--fct-cart-drawer-btn-text-color: #ffffff;
	--fct-cart-drawer-btn-border-color: var(--hs-palette-teal-shade-10, #145f6e);
	--fct-cart-drawer-badge-bg-color: var(--brand, #16697a);
	--fct-cart-drawer-close-btn-color: var(--brand, #16697a);
	--fct-cart-drawer-open-btn-bg-color: #ffffff;

	/* Checkout */
	--fct-checkout-primary-bg-color: var(--brand, #16697a);
	--fct-checkout-btn-bg-color: var(--brand, #16697a);
	--fct-checkout-btn-text-color: #ffffff;

	/* Shop */
	--fct-shop-primary-bg-color: var(--brand, #16697a);
	--fct-shop-btn-bg-color: var(--brand, #16697a);
	--fct-shop-btn-text-color: #ffffff;
	--fct-shop-checkmark-active-bg: var(--brand, #16697a);
	--fct-shop-paginator-items-active-bg: var(--brand, #16697a);

	/* Product cards */
	--fct-card-btn-bg-color: var(--brand, #16697a);
	--fct-card-btn-text-color: #ffffff;
}

/* Global primary CTAs (cart, checkout, shop, product details) */
.fct-cart-drawer-footer a,
.fluent-cart-cart-checkout-page-button,
.fluent-cart-checkout-page-checkout-button,
.fct_place_order_btn,
.fct_order_bump_btn,
.fluent-cart-product-details-button,
.fct-thank-you-page-view-order-button,
.fct-thank-you-page-download-receipt-button,
.fct-thank-you-page-order-items-downloads-button,
.fluent-cart-direct-checkout-button,
.fct-shop-apply-filter-button,
.fct-product-view-button,
.fct-single-product-card-view-button,
.fct-dynamic-product-button,
.hs-fluent-cart-product .fct-similar-product-list-container .fluent-cart-add-to-cart-button,
.hs-fluent-cart-product .fct-related-products-grid .fluent-cart-add-to-cart-button,
.hs-fluent-cart-product .wp-block-fluent-cart-related-product .fluent-cart-add-to-cart-button {
	background: linear-gradient(180deg, rgb(255 255 255 / 0.12), transparent),
		var(--brand, #16697a) !important;
	color: #ffffff !important;
	border-color: var(--hs-palette-teal-shade-10, #145f6e) !important;
}

.fct-cart-drawer-footer a:hover,
.fluent-cart-checkout-page-checkout-button:hover,
.fct_place_order_btn:hover,
.fct_order_bump_btn:hover,
.fluent-cart-product-details-button:hover,
.fct-thank-you-page-view-order-button:hover,
.fct-thank-you-page-download-receipt-button:hover,
.fct-thank-you-page-order-items-downloads-button:hover,
.fluent-cart-direct-checkout-button:hover,
.fct-shop-apply-filter-button:hover,
.fct-product-view-button:hover,
.fct-single-product-card-view-button:hover,
.fct-dynamic-product-button:hover,
.hs-fluent-cart-product .fct-similar-product-list-container .fluent-cart-add-to-cart-button:hover,
.hs-fluent-cart-product .fct-related-products-grid .fluent-cart-add-to-cart-button:hover,
.hs-fluent-cart-product .wp-block-fluent-cart-related-product .fluent-cart-add-to-cart-button:hover {
	background: linear-gradient(180deg, rgb(255 255 255 / 0.12), transparent),
		var(--hs-palette-teal-shade-10, #145f6e) !important;
	color: #ffffff !important;
}

.fluent-cart-direct-checkout-button *,
.fct-cart-drawer-footer a * {
	color: #ffffff !important;
}

/* Mini-cart badge */
.fct-mini-cart-button .fct-mini-cart-badge,
.fct-cart-badge-count {
	background-color: var(--brand, #16697a) !important;
	color: #ffffff !important;
}

/* Cart floating open button — white plate, teal icon + badge */
.fct-cart-drawer-open-btn {
	background-color: #ffffff !important;
	color: var(--brand, #16697a) !important;
	border: 1px solid color-mix(in oklab, var(--brand, #16697a) 22%, var(--border, #e5e5e5)) !important;
	box-shadow: 0 16px 32px -4px rgb(22 105 122 / 0.12) !important;
}

.fct-cart-drawer-open-btn:hover {
	background-color: var(--hs-palette-teal-tint-90, #e8f0f2) !important;
}

.fct-cart-drawer-open-btn svg,
.fct-cart-drawer-open-btn svg path {
	stroke: var(--brand, #16697a);
	color: var(--brand, #16697a);
}

/* Product template typography */
.hs-fluent-cart-product__content,
.fct-product-modal .fct-single-product-page {
	font-family: var(--font-sans, "IBM Plex Sans Arabic", ui-sans-serif, system-ui, sans-serif);
}

/* Single product + modal: Add to Cart = teal outline */
:is(.hs-fluent-cart-product, .fct-product-modal) .fct-product-buttons-wrap .fluent-cart-add-to-cart-button {
	background: var(--fct-add-to-cart-btn-bg-color, #ffffff) !important;
	color: var(--fct-add-to-cart-btn-text-color, #16697a) !important;
	border: 2px solid var(--fct-add-to-cart-btn-border-color, #16697a) !important;
	box-shadow: none !important;
}

:is(.hs-fluent-cart-product, .fct-product-modal) .fct-product-buttons-wrap .fluent-cart-add-to-cart-button:hover,
:is(.hs-fluent-cart-product, .fct-product-modal) .fct-product-buttons-wrap .fluent-cart-add-to-cart-button:focus-visible {
	background: var(--fct-add-to-cart-btn-hover-bg-color, #e8f0f2) !important;
	color: var(--hs-palette-teal-shade-10, #145f6e) !important;
	border-color: var(--hs-palette-teal-shade-10, #145f6e) !important;
}

/* Secondary actions */
:is(.hs-fluent-cart-product, .fct-product-modal) .fluent-cart-add-to-cart-button.fct-secondary-action,
.hs-fluent-cart-product .fct-related-products-grid .fct-product-view-button:not(.fluent-cart-add-to-cart-button),
.fct-shop-reset-filter-button {
	background: #ffffff !important;
	color: var(--hs-palette-teal-shade-40, #0d3f49) !important;
	border: 1px solid color-mix(in oklab, var(--brand, #16697a) 28%, var(--border, #e5e5e5)) !important;
}

.fct-shop-reset-filter-button:hover {
	background: var(--hs-palette-teal-tint-90, #e8f0f2) !important;
	color: var(--hs-palette-teal-shade-30, #0f4a55) !important;
}

/* Related products (single product page) */
.hs-fluent-cart-product .wp-block-fluent-cart-related-product,
.hs-fluent-cart-product .fct-similar-product-list-container {
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid color-mix(in oklab, var(--brand, #16697a) 14%, var(--border, #e5e5e5));
}

.hs-fluent-cart-product .wp-block-fluent-cart-related-product > h2,
.hs-fluent-cart-product .fct-similar-product-list-container > h2,
.hs-fluent-cart-product .fct-related-products-heading {
	color: var(--foreground, #0a0a0a);
	font-weight: 700;
}

.hs-fluent-cart-product .fct-related-products-grid .fct-product-card,
.hs-fluent-cart-product .fct-similar-product-list-container .fct-product-card {
	border-color: color-mix(in oklab, var(--brand, #16697a) 14%, var(--border, #e5e5e5));
	border-radius: 0.75rem;
}

.hs-fluent-cart-product .fct-similar-product-list-container .fct-product-card {
	overflow: clip;
}

.hs-fluent-cart-product .fct-related-products-grid .fct-product-card-title a,
.hs-fluent-cart-product .fct-similar-product-list-container .fct-product-card-title a,
:is(.hs-fluent-cart-product, .fct-product-modal) .fct-dynamic-product-title a {
	color: var(--foreground, #0a0a0a);
}

.hs-fluent-cart-product .fct-related-products-grid .fct-product-card-title a:hover,
.hs-fluent-cart-product .fct-similar-product-list-container .fct-product-card-title a:hover {
	color: var(--brand, #16697a);
}

.hs-fluent-cart-product .fct-related-products-grid .fct-product-card-prices,
.hs-fluent-cart-product .fct-similar-product-list-container .fct-product-card-prices,
:is(.hs-fluent-cart-product, .fct-product-modal) .fct-dynamic-product-price {
	color: var(--hs-palette-teal-shade-30, #0f4a55);
	font-weight: 600;
}

/* Links & accents */
.hs-fluent-cart-product .hs-fluent-cart-product__content a:not(.fluent-cart-direct-checkout-button):not(.fluent-cart-add-to-cart-button):not(.fct-product-view-button),
.fct-product-modal .fct-product-summary a:not(.fluent-cart-direct-checkout-button):not(.fluent-cart-add-to-cart-button):not(.fct-product-view-button),
.fct-products-wrapper a:not(.fluent-cart-direct-checkout-button):not(.fluent-cart-add-to-cart-button):not(.fct-product-view-button):not(.fct-cart-drawer-footer a) {
	color: var(--brand, #16697a);
}

.hs-fluent-cart-product .hs-fluent-cart-product__content a:not(.fluent-cart-direct-checkout-button):not(.fluent-cart-add-to-cart-button):not(.fct-product-view-button):hover,
.fct-product-modal .fct-product-summary a:not(.fluent-cart-direct-checkout-button):not(.fluent-cart-add-to-cart-button):not(.fct-product-view-button):hover,
.fct-products-wrapper a:not(.fluent-cart-direct-checkout-button):not(.fluent-cart-add-to-cart-button):not(.fct-product-view-button):not(.fct-cart-drawer-footer a):hover {
	color: var(--hs-palette-teal-shade-20, #125462);
}

/* Variation / selection highlights */
:is(.hs-fluent-cart-product, .fct-product-modal) .fct-shop-range-slider .noUi-connect,
:is(.hs-fluent-cart-product, .fct-product-modal) .fct-variation-item.is-selected,
:is(.hs-fluent-cart-product, .fct-product-modal) .fct-variation-item.selected,
.fct-products-wrapper .fct-variation-item.is-selected,
.fct-products-wrapper .fct-variation-item.selected {
	border-color: var(--brand, #16697a);
}

:is(.hs-fluent-cart-product, .fct-product-modal) .fct-variation-item.is-selected,
:is(.hs-fluent-cart-product, .fct-product-modal) .fct-variation-item.selected,
.fct-products-wrapper .fct-variation-item.is-selected,
.fct-products-wrapper .fct-variation-item.selected {
	background-color: color-mix(in oklab, var(--brand, #16697a) 12%, transparent);
}

/* Shop filters / checkmarks */
.fct-shop-checkmark-active,
.fct-shop-paginator-items-active {
	background-color: var(--brand, #16697a) !important;
	border-color: var(--brand, #16697a) !important;
}

/* FluentCart customer profile RTL — see assets/css/hs-rtl.css */