/* ==========================================================================
   IRASIN CRAFTS — Brand Tokens v1
   --------------------------------------------------------------------------
   COLOUR ONLY. Safe to load site-wide.
   This file must NEVER set width, height, display, position, margin, padding,
   flex, grid, or any media query. It only defines colours and maps them to
   existing elements. Layout stays exactly as it is.
   ========================================================================== */

:root{
  /* --- Core palette --- */
  --ic-linen:#E9E1D2;        /* page background */
  --ic-paper:#FFFFFF;        /* product shots only */
  --ic-char:#24221E;         /* text + logo */
  --ic-forest:#4F6B52;       /* brand identity colour */
  --ic-forest-deep:#3C5440;  /* footer / hover */
  --ic-turmeric:#D69A3E;     /* action accent — one job per screen */
  --ic-walnut:#6B4F3A;       /* wood tone accents */
  --ic-tan:#DBCDB6;          /* soft surfaces */
  --ic-line:#CBBEA6;         /* borders / dividers */

  /* --- Semantic roles (use THESE in overrides, not raw hex) --- */
  --ic-bg:var(--ic-linen);
  --ic-bg-product:var(--ic-paper);
  --ic-text:var(--ic-char);
  --ic-primary:var(--ic-forest);        /* links, headings accents, secondary buttons */
  --ic-primary-hover:var(--ic-forest-deep);
  --ic-action:var(--ic-turmeric);       /* add-to-cart, sale badge, primary CTA */
  --ic-action-text:var(--ic-char);      /* text sitting on turmeric */
  --ic-border:var(--ic-line);
}

/* ==========================================================================
   OVERRIDES — selectors verified against live Sober child + WooCommerce DOM
   (irasincrafts.com home / shop / single product, inspected 2026-06).
   COLOUR-ONLY. No !important — load order (dep on sober-child) does the work.
   ========================================================================== */

/* Base */
body{ background-color:var(--ic-bg); color:var(--ic-text); }

/* Links */
a{ color:var(--ic-primary); }
a:hover, a:focus{ color:var(--ic-primary-hover); }

/* Secondary buttons = FOREST (declared first; .alt below wins on specificity) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.button.search-results-button{
  background-color:var(--ic-primary);
  color:#ffffff;
  border-color:var(--ic-primary);
}

/* Primary action = TURMERIC : add-to-cart (loop + single), Buy Now, WC alt */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .single_add_to_cart_button,
a.add_to_cart_button.sober-loop-atc-button,
.irasin-buy-now.button{
  background-color:var(--ic-action);
  color:var(--ic-action-text);
  border-color:var(--ic-action);
}

/* Sale badge = TURMERIC */
.woocommerce span.onsale,
.ribbons.woocommerce-badges .onsale{
  background-color:var(--ic-action);
  color:var(--ic-action-text);
}

/* Prices = CHARCOAL */
.woocommerce .price .woocommerce-Price-amount,
.woocommerce-Price-amount.amount,
.single-product p.price{ color:var(--ic-text); }

/* Product shots sit on paper white */
.woocommerce ul.products li.product img,
.single-product .woocommerce-product-gallery,
.single-product .product-summary.clearfix > .images{ background-color:var(--ic-bg-product); }

/* Header — match the linen page background (logo + dark nav stay legible).
   Theme has no sticky/mobile-header variant; #masthead covers all cases. */
#masthead.site-header{ background-color:var(--ic-linen); }

/* Product tabs panel — transparent so the linen page shows through (was white) */
.woocommerce-Tabs-panel,
.woocommerce-tabs .panel{ background-color:transparent; }

/* Variable-product LOCKED Add-to-cart / Buy Now = TAN (on-brand vs WC grey).
   WC adds .disabled.wc-variation-selection-needed until a variation is chosen;
   both ATC and Buy Now carry .single_add_to_cart_button so this covers both.
   Theme's style.css sets .woocommerce button.button.alt.disabled (0,4,1) dark,
   so we need (0,5,1) to win without !important. Colour-only — no opacity. */
.woocommerce button.single_add_to_cart_button.button.alt.disabled,
.woocommerce button.single_add_to_cart_button.button.alt:disabled,
.woocommerce a.single_add_to_cart_button.button.alt.disabled{
  background-color:var(--ic-tan);
  color:#7a7166;
  border-color:var(--ic-tan);
}

/* Footer = FOREST-DEEP (id #colophon beats .text-dark without !important) */
#colophon.site-footer{ background-color:var(--ic-forest-deep); color:#dfe7da; }
#colophon.site-footer a{ color:#dfe7da; }
#colophon.site-footer a:hover{ color:#ffffff; }
#colophon .footer-menu a,
#colophon .footer-info{ color:#dfe7da; }