/* GENERATED by design-system/build.mjs — do not edit.
 * WooCommerce ↔ design-system bridge. Enqueued only when Woo is active.
 * Maps Woo's --wc-* custom properties to scheme roles + status ramps. */

html:root {
	--wc-primary: var(--ftm-scheme-accent);
	--wc-primary-text: var(--ftm-scheme-accent-text);
	--wc-secondary: var(--wp--custom--color--neutral--100, #f8f8f8);
	--wc-secondary-text: var(--ftm-scheme-text);
	--wc-highlight: var(--ftm-scheme-accent);
	--wc-highligh-text: var(--ftm-scheme-accent-text); /* sic: Woo's own property spelling */
	--wc-content-bg: var(--ftm-scheme-bg);
	--wc-subtext: var(--ftm-scheme-muted);
	--wc-form-color-background: var(--ftm-scheme-bg);
	--wc-form-color-text: var(--ftm-scheme-text);
	--wc-form-border-color: var(--ftm-scheme-border);
	--wc-form-border-radius: var(--wp--custom--radius--sm);
	--wc-input-border-color: var(--ftm-scheme-border);
	--wc-input-border-radius: var(--wp--custom--radius--sm);
	--wc-card-border-radius: var(--wp--custom--radius--md);
	--wc-green: var(--wp--custom--color--success--600, #16a34a);
	--wc-red: var(--wp--custom--color--error--600, #dc2626);
	--wc-orange: var(--wp--custom--color--warning--600, #cb7c17);
	--wc-blue: var(--wp--custom--color--information--600, #0046ea);
}

/* Phase 2 — targeted elements the --wc-* map doesn't reach. The :root prefix bumps
 * specificity over Woo's own rules so these win without depending on load order. */

/* Star ratings — classic (WooCommerce glyph font) */
:root .woocommerce .star-rating::before {
	color: var(--ftm-scheme-border);
}
:root .woocommerce .star-rating span::before {
	color: var(--ftm-scheme-accent);
}
/* Star ratings — product blocks */
:root .wc-block-components-product-rating__stars,
:root .wc-block-components-product-rating-stars {
	color: var(--ftm-scheme-accent);
}

/* Sale badge — classic + block */
:root .woocommerce span.onsale,
:root .wc-block-components-product-sale-badge {
	background-color: var(--ftm-scheme-accent);
	color: var(--ftm-scheme-accent-text);
	border-radius: var(--wp--custom--radius--pill);
}

/* Breadcrumbs — classic + block */
:root .woocommerce-breadcrumb,
:root .wc-block-breadcrumbs {
	color: var(--ftm-scheme-muted);
}
:root .woocommerce-breadcrumb a,
:root .wc-block-breadcrumbs a {
	color: var(--ftm-scheme-link);
}

/* My Account navigation */
:root .woocommerce-MyAccount-navigation a {
	color: var(--ftm-scheme-text);
}
:root .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--ftm-scheme-accent);
	font-weight: 600;
}
:root .woocommerce-MyAccount-navigation ul {
	border-color: var(--ftm-scheme-border);
}

/* Phase 3 — single-product tabs, cart/checkout block structure, product card.
 * Conservative: colour/border/emphasis only, no layout changes. (Block checkout
 * inputs are bare <input>, already styled by elements.css.) */

/* Single-product tabs (classic) */
:root .woocommerce-tabs ul.tabs li a {
	color: var(--ftm-scheme-text);
}
:root .woocommerce-tabs ul.tabs li.active a {
	color: var(--ftm-scheme-heading);
}
:root .woocommerce-tabs ul.tabs li.active {
	border-bottom: 2px solid var(--ftm-scheme-accent);
}

/* Cart & checkout — totals + panels */
:root .wc-block-components-totals-wrapper {
	border-color: var(--ftm-scheme-border);
}
:root .wc-block-components-totals-footer-item {
	color: var(--ftm-scheme-heading);
}
:root .wc-block-cart__totals-title {
	color: var(--ftm-scheme-muted);
}
:root .wc-block-components-panel {
	border-color: var(--ftm-scheme-border);
}
:root .wc-block-components-panel__button {
	color: var(--ftm-scheme-heading);
}

/* Order summary (checkout) */
:root .wc-block-components-order-summary-item__total-price {
	color: var(--ftm-scheme-heading);
}
:root .wc-block-components-order-summary-item__description {
	color: var(--ftm-scheme-text);
}

/* Product loop card (classic shop loop) */
:root ul.products li.product .woocommerce-loop-product__title {
	color: var(--ftm-scheme-heading);
}
:root ul.products li.product .price {
	color: var(--ftm-scheme-heading);
}

/* Phase 4 — coverage for secondary controls (verified classes; colour/border only).
 * Notices hardcode a purple border + gray bg (no --wc-* vars), so they need explicit
 * mapping; the rest adopt scheme roles. :root-prefixed to win without load-order deps. */

/* Notices — per-type status colour (was a single hardcoded purple for all) */
:root .woocommerce-message,
:root .woocommerce-error,
:root .woocommerce-info {
	background-color: var(--wp--custom--color--neutral--50, #f2f3f4);
	color: var(--ftm-scheme-text);
}
:root .woocommerce-message { border-top-color: var(--wp--custom--color--success--600, #16a34a); }
:root .woocommerce-error { border-top-color: var(--wp--custom--color--error--600, #dc2626); }
:root .woocommerce-info { border-top-color: var(--wp--custom--color--information--600, #0046ea); }

/* Quantity selector (block) */
:root .wc-block-components-quantity-selector {
	border-color: var(--ftm-scheme-border);
	border-radius: var(--wp--custom--radius--sm);
}
:root .wc-block-components-quantity-selector__button {
	color: var(--ftm-scheme-text);
}

/* Pagination — active page → accent (classic + block) */
:root .woocommerce-pagination .page-numbers .current,
:root .wc-block-components-pagination__page--active {
	color: var(--ftm-scheme-accent);
	font-weight: 600;
}

/* Result count + stock status */
:root .woocommerce-result-count {
	color: var(--ftm-scheme-muted);
}
:root .stock.in-stock {
	color: var(--wp--custom--color--success--600, #16a34a);
}
:root .stock.out-of-stock,
:root p.out-of-stock {
	color: var(--wp--custom--color--error--600, #dc2626);
}

/* Checkout field validation */
:root .wc-block-components-validation-error {
	color: var(--wp--custom--color--error--600, #dc2626);
}