/* ============================================================================
   Clean air preset — three-colour LOOK layer on the standard layout.
   Loaded ONLY when bs_preset = clean-air. RESTYLES only — never adds content.
   Brand  #0F4C5C deep teal  → header ink, buttons, dark bands, footer
   Canvas #DCEAED mist       → alternating section backgrounds
   Spark  #F2A541 warm amber → badges, cart bubble, highlights (teal text on it)
   Product images and product cards keep white stages on every background.
   ========================================================================== */

body.bs-preset-clean-air{
  --ca-brand:#0F4C5C;
  --ca-brand-deep:#0A3540;
  --ca-brand-hover:#0B3D4A;
  --ca-mist:#DCEAED;
  --ca-spark:#F2A541;
  --ca-spark-hover:#E8952A;
  /* re-base the pro layer (pro.css reads --sf-*) on the palette */
  --sf-ink:var(--ca-brand);
  --sf-ink-2:#2E4A51;
  --sf-muted:#4A6268;
  --sf-line:#D5E4E6;
  --sf-soft:var(--ca-mist);
  --accent-strong:var(--ca-brand-deep);
}

/* ---- Header: white bar, teal ink, amber cart bubble --------------------------- */
body.bs-preset-clean-air .bs-header{border-bottom:1px solid var(--sf-line)}
body.bs-preset-clean-air .bs-cart__count{background-color:var(--ca-spark);color:var(--ca-brand-deep);font-weight:700}

/* ---- Buttons ------------------------------------------------------------------ */
body.bs-preset-clean-air .bs-btn--accent,
body.bs-preset-clean-air .wp-block-button__link,
body.bs-preset-clean-air .woocommerce a.button,
body.bs-preset-clean-air .woocommerce button.button,
body.bs-preset-clean-air .single_add_to_cart_button,
body.bs-preset-clean-air .bs-pcard__qadd{background-color:var(--ca-brand);border-color:var(--ca-brand);color:#fff}
body.bs-preset-clean-air .bs-btn--accent:hover,
body.bs-preset-clean-air .wp-block-button__link:hover,
body.bs-preset-clean-air .woocommerce a.button:hover,
body.bs-preset-clean-air .woocommerce button.button:hover,
body.bs-preset-clean-air .single_add_to_cart_button:hover,
body.bs-preset-clean-air .bs-pcard__qadd:hover{background-color:var(--ca-brand-hover);border-color:var(--ca-brand-hover);color:#fff;filter:none}

/* ---- Badges + highlights: the amber spark ------------------------------------- */
body.bs-preset-clean-air .bs-badge--sale,
body.bs-preset-clean-air .woocommerce span.onsale{background-color:var(--ca-spark);border-color:var(--ca-spark);color:var(--ca-brand-deep);font-weight:700}
body.bs-preset-clean-air .bs-pcard__stars,
body.bs-preset-clean-air .star-rating span::before{color:var(--ca-spark)}
body.bs-preset-clean-air .bs-shead h2::after{background-color:var(--ca-spark)!important}
body.bs-preset-clean-air .bs-eyebrow__ln{background-color:var(--ca-spark)}

/* ---- Hero, product stage: teal copy panel beside the white packshot ----------- */
body.bs-preset-clean-air .bs-heroslider--product{border:0}
body.bs-preset-clean-air .bs-heroslider--product .bs-heroslide__inner{background-color:var(--ca-brand);color:#fff}
body.bs-preset-clean-air .bs-heroslider--product .bs-heroslide__title{color:#fff}
body.bs-preset-clean-air .bs-heroslider--product .bs-heroslide__sub{color:rgba(255,255,255,.82)}
body.bs-preset-clean-air .bs-heroslider--product .bs-eyebrow--hero{color:var(--ca-spark)!important}
body.bs-preset-clean-air .bs-heroslider--product .bs-btn--ghost{color:#fff;border-color:rgba(255,255,255,.7)}
body.bs-preset-clean-air .bs-heroslider--product .bs-btn--ghost:hover{background-color:#fff;color:var(--ca-brand)}
/* primary CTA on any teal or photo surface: amber with deep-teal text */
body.bs-preset-clean-air .bs-heroslide .bs-btn--accent{background-color:var(--ca-spark);border-color:var(--ca-spark);color:var(--ca-brand-deep)}
body.bs-preset-clean-air .bs-heroslide .bs-btn--accent:hover{background-color:var(--ca-spark-hover);border-color:var(--ca-spark-hover);color:var(--ca-brand-deep)}
body.bs-preset-clean-air .bs-heroslider--product .bs-heroslide__inner{box-sizing:border-box}
@media(min-width:768px){
  body.bs-preset-clean-air .bs-heroslider--product{border:1px solid var(--sf-line)}
  body.bs-preset-clean-air .bs-heroslider--product .bs-heroslide__inner{align-self:stretch;flex:0 0 50%;width:50%;max-width:50%;padding:clamp(28px,3.4vw,52px) clamp(22px,3vw,44px)}
  body.bs-preset-clean-air .bs-heroslider--product .bs-heroslide__bg{inset:8% 4% 8% 54%}
  body.bs-preset-clean-air .bs-heroslider--product .bs-heroslide__title{font-size:clamp(28px,2.7vw,42px);line-height:1.1}
  body.bs-preset-clean-air .bs-heroslider--product .bs-heroslide__sub{font-size:15px}
}

/* ---- Section rhythm: white → mist → white … with one dark brand beat ---------- */
body.bs-preset-clean-air .bs-uspbar{background-color:var(--ca-mist);border-color:var(--sf-line)}
body.bs-preset-clean-air .bs-uspbar .bs-ic{color:var(--ca-brand)}
body.bs-preset-clean-air .bs-prow--banner + .bs-prow--banner{background-color:var(--ca-mist)}
body.bs-preset-clean-air .bs-prow--banner + .bs-prow--banner + .bs-prow--banner{background-color:transparent}
body.bs-preset-clean-air .bs-asplit-section{background-color:var(--ca-mist)}
body.bs-preset-clean-air .bs-asplit-section .bs-asplit{background-color:transparent}
body.bs-preset-clean-air main .bs-section:has(.bs-pgrid){background-color:var(--ca-mist)}
body.bs-preset-clean-air main .bs-section:has(.bs-faq){background-color:var(--ca-mist)}
body.bs-preset-clean-air main .bs-section.bs-ob{background-color:var(--ca-mist)}
body.bs-preset-clean-air main .bs-section.bs-transparency-sec,
body.bs-preset-clean-air main .bs-section.bs-hiw{background-color:#fff}
/* white cards on mist read as raised; keep their media white */
body.bs-preset-clean-air .bs-pcard__media,
body.bs-preset-clean-air .bs-catcard__media{background-color:#fff}
body.bs-preset-clean-air .bs-faq details,
body.bs-preset-clean-air .bs-transparency > *{background-color:#fff}

/* Dark zones (quote band, newsletter, footer, hero copy panel): every ink variable the theme
   and the pro layer read flips to white inside them, so no text lands teal-on-teal. */
body.bs-preset-clean-air .bs-edband,
body.bs-preset-clean-air .bs-newsband,
body.bs-preset-clean-air .bs-footer,
body.bs-preset-clean-air .bs-heroslider--product .bs-heroslide__inner{
  --sf-ink:#fff;--sf-ink-2:rgba(255,255,255,.8);--sf-muted:rgba(255,255,255,.62);--sf-line:rgba(255,255,255,.14);
  --ink:#fff;--ink-2:#fff;--color-dark:#fff;--wp--preset--color--ink:#fff;
  --body:rgba(255,255,255,.8);--color-text:rgba(255,255,255,.8);--muted:rgba(255,255,255,.62);--color-grey:rgba(255,255,255,.62)
}
/* form controls inside dark zones keep dark text on their white fields */
body.bs-preset-clean-air .bs-newsband input,
body.bs-preset-clean-air .bs-footer input,
body.bs-preset-clean-air .bs-footer select,
body.bs-preset-clean-air .bs-footer textarea{--sf-ink:var(--ca-brand-deep);--ink:var(--ca-brand-deep);color:var(--ca-brand-deep)}
body.bs-preset-clean-air .bs-edband .bs-edband__quote{color:#fff!important}
body.bs-preset-clean-air .bs-footer h2,
body.bs-preset-clean-air .bs-footer h3,
body.bs-preset-clean-air .bs-footer h4,
body.bs-preset-clean-air .bs-footer strong,
body.bs-preset-clean-air .bs-footer b{color:#fff!important}
body.bs-preset-clean-air .bs-footer .bs-flogo-img--wordmark img{filter:brightness(0) invert(1)}
body.bs-preset-clean-air .bs-footer .bs-ic{color:var(--ca-spark)}

/* quote band: the dark brand beat mid-page */
body.bs-preset-clean-air .bs-edband{background-color:var(--ca-brand)!important}
body.bs-preset-clean-air .bs-edband .bs-edband__bg{opacity:.12}
body.bs-preset-clean-air .bs-edband,
body.bs-preset-clean-air .bs-edband *{color:#fff}
body.bs-preset-clean-air .bs-edband .bs-edband__mark{color:var(--ca-spark)}

/* newsletter: teal band, amber button */
body.bs-preset-clean-air .bs-newsband{background-color:var(--ca-brand);border-color:var(--ca-brand)}
body.bs-preset-clean-air .bs-newsband,
body.bs-preset-clean-air .bs-newsband *,
body.bs-preset-clean-air .bs-newsband .bs-news h2{color:#fff}
body.bs-preset-clean-air .bs-newsband .bs-news p,
body.bs-preset-clean-air .bs-newsband .bs-news__fine,
body.bs-preset-clean-air .bs-newsband .bs-news__fine a{color:rgba(255,255,255,.78)}
body.bs-preset-clean-air .bs-newsband .bs-eyebrow,
body.bs-preset-clean-air .bs-newsband .bs-eyebrow *{color:var(--ca-spark)!important}
body.bs-preset-clean-air .bs-newsband .bs-news__form input{border-color:#fff;color:var(--ca-brand-deep)}
body.bs-preset-clean-air .bs-newsband .bs-news__form .wp-block-button__link,
body.bs-preset-clean-air .bs-newsband .bs-news__form button{background-color:var(--ca-spark)!important;color:var(--ca-brand-deep)!important}

/* footer: one step deeper than the newsletter band so the two read apart */
body.bs-preset-clean-air .bs-footer{background-color:var(--ca-brand-deep)!important}
body.bs-preset-clean-air .bs-footer .bs-soc:hover .bs-ic{fill:var(--ca-brand-deep)!important}

/* small grey labels the theme draws lighter than body muted — keep them readable on white and mist */
body.bs-preset-clean-air .woocommerce-price-suffix,
body.bs-preset-clean-air .bs-herocats__n,
body.bs-preset-clean-air .bs-pcard__vendor,
body.bs-preset-clean-air .bs-usp__d,
body.bs-preset-clean-air .bs-prow__sub,
body.bs-preset-clean-air .includes_tax{color:var(--sf-muted)!important;opacity:1}

/* bundle tiers: savings pill in the amber spark, not the stock green */
body.bs-preset-clean-air .bs-tier__save{background-color:#FDEBD0;color:#7A4A0E;border-color:#F6CF94}

/* About page step numbers: drawn in the hairline colour by default (near-invisible) — mid teal */
body.bs-preset-clean-air .bs-step__n{color:var(--accent,#17707F)}