/* ===== COLOUR LAW v3 TOKEN GUARD (do not violate) =====
   Readable GREEN TEXT (eyebrows, labels, links, prices, brand, tags, pills-text) = #00838A ONLY.
   Bright #19B0B6 is SURFACE ONLY (fills, borders, icons, scrollbars, underline accents) -> never as 'color:' on text.
   RETIRED, never reintroduce: #0C7C82 #0F8E93 #117A6F #27877D #5C6789 (all -> #00838A).
   Global green sweep applied 2026-07-10 (.bak-greensweep-*). ====================================== */
/* ============================================================
 * SpOki COLOUR LAW v3 -- ONE LOGO-HUE GREEN (owner decision 2026-07-03)
 * Text teal changed #00838A -> #00838A: exact logo hue 182deg at FULL
 * saturation, deepened only to pass WCAG AA (4.55:1 on white). Owner
 * rejected #00838A as too dark/dull; #19B0B6 surfaces stay (deltaE<3
 * from logo #01A8AE = certified logo-match). One family, two weights.
 * v3 also adds: button pill unification + Cyrillic typography lock.
 * Backups: .bak-v1-20260703_184527 (Package A), .bak-v2-20260703_190529.
 * ============================================================ */
/* ============================================================
 * SpOki COLOUR LAW v2 -- TEAL UNIFICATION & GREEN PURGE
 * 2026-07-03. Supersedes v1 (Package A) -- v1 rules kept below.
 * THE central colour token layer. One teal family, strict roles:
 *   #2E3A67 navy      = headings / titles / trust labels
 *   #19B0B6 bright    = SURFACES: chips fill, icon circles, top bar,
 *                       active nav, decorative accents (NEVER small text)
 *   #00838A deep      = TEXT: prices, breadcrumbs, links, eyebrows/
 *                       kickers, small labels, hovers
 *   #E6F8F9 soft      = badge/info-chip backgrounds (stock, trust)
 *   #FF8A00 orange    = commercial CTA only
 * BANNED on frontend: #00838A #00838A #27AE60 #22C55E #16A34A #61B1B2
 *   #39c85a and any other second green language.
 * ROOT-CAUSE FIX: style.css sets html:root{--spoki-teal-deep:#00838A}
 *   (the retired token!) and 6 stylesheets reference it as "deep teal".
 *   We remap the variable itself, then override the hardcoded stragglers.
 * Kill-switch: wp_dequeue_style('spoki-colorlaw-patch').
 * Backups: functions.php.bak-colorlaw-20260703_105650 (loader line),
 *          spoki-colorlaw-patch.css.bak-v1-20260703_184527 (v1 file).
 * ============================================================ */

/* ===== V2.0 MASTER VARIABLE REMAP -- fixes every var(--spoki-teal-deep)
   consumer in one stroke (eyebrows, badges, ghost CTAs, facet hovers...) */
html:root {
  --spoki-teal-deep: #00838A !important;
}

/* ===== V2.1 STOCK BADGE -- no generic green ecommerce badge.
   "В наличност" = soft teal surface + deep teal text (premium, on-brand).
   Out-of-stock keeps its red (real error semantic, allowed). */
.woocommerce div.product .summary .spoki-stock-badge--in-stock,
.single-product .spoki-stock-badge--in-stock {
  background: #E6F8F9 !important;
  color: #00838A !important;
}

/* ===== V2.2 BREADCRUMBS -- readable deep teal, consistent site-wide */
.woocommerce-breadcrumb a,
.wd-breadcrumbs a,
.single-breadcrumbs-wrapper a {
  color: #00838A !important;
}

/* ===== V2.3 EYEBROWS / KICKERS -- SITE-WIDE (v1 was homepage-only and
   missed .spoki-kicker2 "БЪРЗ ИЗБОР" etc.) */
html body [class*="__eyebrow"][class], html body [class*="spoki-kicker"][class] {
  color: #00838A !important;
}

/* ===== V2.4 RETIRED-TOKEN STRAGGLERS (hardcoded #00838A, not via var) */
.spoki-category-longdesc a:hover,
.spoki-facet-toggle:hover {
  color: #00838A !important;
}
.spoki-cat__pbody .is-instock,
.spoki-cat__pmeta .is-instock {
  color: #00838A !important;
}
.wd-footer .spoki-foot__socials a:hover,
.wd-footer .spoki-foot__socials a:focus {
  border-color: #00838A !important;
  color: #00838A !important;
}
.wd-footer .spoki-foot__socials a:hover svg,
.wd-footer .spoki-foot__socials a:hover i,
.wd-footer .spoki-foot__socials a:focus svg {
  color: #00838A !important;
}
/* mission band gradient: retired end-stop -> deep teal (same hue family) */
.spoki-mission-proof {
  background: linear-gradient(180deg, #19B0B6 0%, #00838A 100%) !important;
}

/* ===== V2.5 HEADER CART TOTAL -- price is text you read */
.wd-cart-subtotal,
.wd-cart-subtotal .amount,
.wd-cart-subtotal .woocommerce-Price-amount {
  color: var(--spoki-cart-total,#00838A) !important;
}
/* PRICEUNIFY3: cart totals + coupon discount get their own semantic roles (same rendered hex today) */
.cart_totals .woocommerce-Price-amount.amount:not(.amount-bgn),
.cart_totals .woocommerce-Price-amount.amount:not(.amount-bgn) bdi {
  color: var(--spoki-cart-total,#00838A) !important;
}
.cart-discount .woocommerce-Price-amount.amount:not(.amount-bgn),
.cart-discount .woocommerce-Price-amount.amount:not(.amount-bgn) bdi {
  color: var(--spoki-discount-value,#00838A) !important;
}

/* ============================================================
 * V1 RULES (Package A, kept verbatim below)
 * ============================================================ */

/* 1. PRICE -- global default amount = deep teal, bold */
.woocommerce-Price-amount.amount:not(.amount-bgn),
.woocommerce-Price-amount.amount:not(.amount-bgn) bdi,
.woocommerce-Price-amount.amount:not(.amount-bgn) .woocommerce-Price-currencySymbol {
  color: var(--spoki-price-current,#00838A) !important;
}
.woocommerce-Price-amount.amount.amount-bgn {
  color: #6B7280 !important;
  font-size: 0.75em !important; /* role-scoped (owner 2026-07-16): non-product sums keep smaller BGN; PRODUCT price parity is scoped in spoki-discount-ui.php + spoki-cart-boost.php */
  font-weight: 600 !important;
}

/* 2. PDP price block -- EUR dominant over BGN (PRICE_HIERARCHY_GO 2026-07-21) */
.single-product .summary .price .woocommerce-Price-amount.amount:not(.amount-bgn),
.single-product .entry-summary .price .woocommerce-Price-amount.amount:not(.amount-bgn) {
  font-size: clamp(22px,2.1vw,27px) !important;
  font-weight: 800 !important;
}
.single-product .summary .price .woocommerce-Price-amount.amount.amount-bgn,
.single-product .entry-summary .price .woocommerce-Price-amount.amount.amount-bgn {
  font-size: clamp(16px,1.4vw,19px) !important;
  font-weight: 500 !important;
  color: #54656B !important;
}
@media (max-width:768px){
  .single-product .summary .price .woocommerce-Price-amount.amount:not(.amount-bgn){ font-size: clamp(21px,6vw,24px) !important; }
  .single-product .summary .price .woocommerce-Price-amount.amount.amount-bgn{ font-size: clamp(15px,4.2vw,18px) !important; }
}

/* 3. PDP H1 -- Comfortaa */
.single-product h1.product_title {
  font-family: "Comfortaa", sans-serif !important;
}

/* 5. Homepage hero H1 accent -- deep teal */
body.home .spoki-hero__h1 .highlight {
  color: #00838A !important;
}

/* 6. Homepage outlier H2 sizes -> 38px scale */
body.home .spoki-usp__h2,
body.home .spoki-prefooter-cta__title {
  font-size: 38px !important;
}

/* 7. Login "Вход" -- teal outline, not orange (orange = commercial only) */
.woocommerce-form-login__submit.btn-accent {
  background-color: #fff !important;
  color: #00838A !important;
  border: 1.6px solid #00838A !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.woocommerce-form-login__submit.btn-accent:hover {
  background-color: #00838A !important;
  color: #fff !important;
}

/* 8. Login links -- deep teal text-links */
.create-account-link,
.woocommerce-LostPassword a {
  color: #00838A !important;
}

/* 9. Homepage bestsellers rail -- beats style.css --spoki-teal price rule */
.spoki-products2 .wd-product .price,
.spoki-products2 .wd-product .price .amount:not(.amount-bgn),
.spoki-products2 .wd-product .price bdi,
.spoki-products2 .wd-products .price {
  color: var(--spoki-price-current,#00838A) !important;
}
/* ============================================================
 * V3 ADDITIONS
 * ============================================================ */

/* ===== V3.1 BUTTON PILL UNIFICATION -- every primary commercial button
   = rounded 999px, flat canonical orange, Nunito 800, sentence case.
   (Kills the square uppercase off-orange #F18B3C cart button etc.) */
.btn-accent,
button.btn-accent,
a.btn-accent,
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.cart-empty-page .button,
.return-to-shop .button,
.wd-empty-page .button,
.woocommerce-message .button,
.cart .button[name="update_cart"],
.single_add_to_cart_button {
  border-radius: 999px !important;
  background-color: #FF8A00 !important;
  color: #fff !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border: 0 !important;
}
.btn-accent:hover,
.woocommerce .button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.cart-empty-page .button:hover,
.return-to-shop .button:hover,
.single_add_to_cart_button:hover {
  background-color: #E67E00 !important;
  color: #fff !important;
}

/* ===== V3.2 ARROW / TEXT BUTTON (tertiary) -- owner-delegated decision:
   NO FILL. Deep logo-teal text + arrow, orange underline accent kept.
   Fill would compete with the orange CTA level. */
.spoki-btn--text,
[class*="__cta"] a:not(.wp-block-button__link),
p[class*="__cta"] a {
  color: #00838A !important;
  background: transparent !important;
}

/* ===== V3.3 CYRILLIC TYPOGRAPHY LOCK -- one system everywhere.
   Comfortaa 700 headings / Nunito body+UI (both full Cyrillic).
   Kills WoodMart default (Lato/system) leaks on Woo elements. */
h1, h2, h3,
.product_title,
.wd-entities-title {
  font-family: "Comfortaa", sans-serif !important;
  font-weight: 700 !important;
}
body,
button:not([class*="icon"]),
input, select, textarea,
.button, .btn,
.woocommerce-breadcrumb,
.wd-toolbar-label {
  font-family: "Nunito", sans-serif !important;
}
/* ===== V3.4 EXCEPTION: eyebrows/kickers ON TEAL BANDS stay white
   (teal-on-teal is unreadable; white is the on-dark text role) */
html body .spoki-mission-proof [class*="__eyebrow"][class],
html body [class*="spoki-"][class*="-proof"] [class*="__eyebrow"][class] {
  color: #fff !important;
}

/* ============================================================
 * V3.6 -- ORANGE BUTTON HARD UNIFICATION (owner screenshots 2026-07-03:
 * 11 distinct variants found on the homepage -- mixed fonts Nunito/Comfortaa,
 * 7 sizes 12-18px, one SQUARE radius:0, 2 uppercase, mixed shadows).
 * ONE spec: pill 999px, flat (canon), Nunito 800, 15px (17px large),
 * sentence case, no letter-spacing, NO icons/arrows inside filled buttons.
 * ============================================================ */
/* A. geometry + typography (safe for orange AND teal-outline pills) */
.spoki-btn,
.spoki-btn--orange,
.wp-block-button__link,
.spoki-prefooter-cta__button,
.spoki-category-circles__btns a,
.btn-accent,
.single_add_to_cart_button,
a.add_to_cart_button,
.spoki-products2 .wd-product .wd-add-btn > a {
  border-radius: 999px !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.spoki-btn--lg,
.spoki-usp__btn,
.spoki-mission-proof__btnwrap .wp-block-button__link {
  font-size: 17px !important;
}
/* B. orange background normalization on the known-orange families */
.spoki-btn--orange,
.spoki-usp__btn,
.spoki-category-circles__btns a,
.spoki-prefooter-cta__button {
  background-color: #FF8A00 !important;
  color: #fff !important;
  border: 0 !important;
}
.spoki-btn--orange:hover,
.spoki-usp__btn:hover,
.spoki-category-circles__btns a:hover,
.spoki-prefooter-cta__button:hover {
  background-color: #E67E00 !important;
  color: #fff !important;
}
/* C. header/menu pill hygiene -- Nunito + flat (no colour change) */
.whb-header a.woodmart-nav-link,
.wd-nav a.woodmart-nav-link {
  font-family: "Nunito", sans-serif !important;
  box-shadow: none !important;
}

/* ============================================================
 * V3.7 -- CHIP / TAB GLOBAL SPEC (active fill was scoped to ONE section
 * -- .spoki-products2 -- so other sections' clicked tabs fell back to
 * outline). ONE spec everywhere:
 * rest = white bg + navy text + sand border; hover = mint bg + teal;
 * ACTIVE = #19B0B6 FILL + white text (surface role).
 * ============================================================ */
.spoki-ptab {
  background: #fff !important;
  color: #2E3A67 !important;
  border: 1px solid #E7DED3 !important;
  border-radius: 999px !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.spoki-ptab:hover {
  background: #EAF6F4 !important;
  border-color: #19B0B6 !important;
  color: #00838A !important;
}
.spoki-ptab.spoki-ptab-on,
.spoki-ptab.spoki-ptab-on:hover {
  background: #19B0B6 !important;
  border-color: #19B0B6 !important;
  color: #fff !important;
}
/* V3.6b -- straggler overrides at matched/exceeded specificity
   (style.css section rules were out-specifying the generic set) */
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button,
.spoki-products2 .wd-product .wd-add-btn > a.add_to_cart_button:hover,
.spoki-products2 .spoki-products2__cta a.wp-block-button__link,
.spoki-products2 .spoki-products2__cta a.wp-block-button__link:visited,
html body .spoki-play-guide__final a,
ul.wd-nav li[class*="spoki-nav-cta"] > a.woodmart-nav-link,
.wd-sub-menu li[class*="spoki-mega"] > a.woodmart-nav-link,
.wd-sub-menu li[class*="spoki-"] > a.woodmart-nav-link[class] {
  font-family: "Nunito", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
/* V3.6c -- last two stragglers */
html body ul.wd-nav li[class*="spoki-nav-cta"] > a.woodmart-nav-link,
html body ul.wd-nav li[class*="spoki-nav-cta"] > a.woodmart-nav-link span {
  font-weight: 800 !important;
  font-size: 15px !important;
}
html body .wd-product .wd-add-btn > a.add_to_cart_button.button,
html body .wd-product .wd-add-btn > a.add_to_cart_button.button:hover {
  box-shadow: none !important;
  font-size: 15px !important;
}
/* V3.6d -- header nav CTA: beat the 0-4-2 .whb-header .wd-nav-main>li.item-level-0>a rule */
.whb-header .wd-nav-main > li.item-level-0.spoki-nav-cta > a.woodmart-nav-link {
  font-weight: 800 !important;
  font-size: 15px !important;
}

/* === PLAY-GUIDE GREEN TEXT -> Colour Law v3 #00838A (owner 2026-07-10) === */
.spoki-play-guide .spoki-play-guide__label{color:#00838A !important}
.spoki-play-guide .spoki-play-guide__cardcta,
.spoki-play-guide .spoki-play-guide__cardcta a{color:#00838A !important}

/* spoki-story-eyebrow native fix: native wp:paragraph eyebrows lost teal to .spoki-band p (0,1,1) — restore logo teal */
.spoki-band p.spoki-story-eyebrow, .spoki-inner p.spoki-story-eyebrow, p.spoki-story-eyebrow{color:var(--spoki-teal-deep,#00838A) !important}

/* eyebrow native font fix: .spoki-band p (0,1,1) overrode .spoki-story-eyebrow font-head -> restore Comfortaa for native <p> eyebrows */
.spoki-band p.spoki-story-eyebrow, .spoki-inner p.spoki-story-eyebrow, p.spoki-story-eyebrow{font-family:var(--spoki-font-head) !important}

/* my-account footer clearance + pill buttons: the footer ::before wave (78px, top:-76px) was covering the last account row; give clearance and round the form buttons per button spec */
body.woocommerce-account .wd-content-layout{padding-bottom:112px}
body.woocommerce-account .woocommerce .button, body.woocommerce-account button.button, body.woocommerce-account .woocommerce-Button, body.woocommerce-account .woocommerce-form-login__submit, body.woocommerce-account .woocommerce-form-register__submit, body.woocommerce-account form .button{border-radius:999px !important}

/* cache-bust 1783975225 */