/* ============================================================
   Crest Peptide — "Refined Light" reskin  ·  Stage 1 (palette)
   Loaded AFTER the Helix design system. Remaps the design tokens
   to the toned-down, green-as-accent direction and recolors the
   footer / announcement / dark panels to charcoal.
   No markup changes — purely a re-skin via CSS variables + a few
   targeted overrides. Page layouts/modules are ported separately.
   ============================================================ */

:root{
  /* --- green ramp: kept strictly as an ACCENT --- */
  --green-500:#22BC5E;
  --green-600:#16A34A;
  --green-700:#0C7C39;

  /* --- deep green + dark surfaces  ->  charcoal --- */
  --green-900:#121A17;   /* panel-green, blog/faq CTA, inquiry side */
  --dark:#121A17;        /* cta-box, about/article CTA, panel-dark   */
  --ink-900:#121A17;     /* announcement bar + dark headings         */

  /* --- light neutrals: de-greened --- */
  --mint-50:#E9EDEB;
  --green-100:#E8EDEA;
  --beige:#F6F7F7;       /* alternating section background           */
  --mist:#F6F7F7;
  --line:#E4ECE6;

  /* --- text --- */
  --ink-700:#26302A;
  --slate-500:#5B6961;
  --slate-400:#9DAAA1;

  /* --- neutral photo fallback (was a green gradient) --- */
  --fb-lab:linear-gradient(150deg,#eef2f0,#e3ebe6);
}

/* ---- Footer -> charcoal (theme footer ships light beige) ---- */
.site-footer{background:#121A17;border-top-color:rgba(255,255,255,.08)}
.site-footer .wm,
.site-footer h5{color:#fff}
.site-footer .ab{color:#93BFA4}
.site-footer .ci{color:#B2D4BF}
.site-footer .ci svg{color:#22BC5E}
.site-footer .col a{color:#93BFA4}
.site-footer .col a:hover{color:#fff}
.site-footer .footer-bottom{border-top-color:rgba(255,255,255,.12);color:#73977F}
.site-footer .footer-bottom a{color:#93BFA4}
.site-footer .footer-bottom a:hover{color:#fff}
/* compliance line sits on charcoal now */
.site-footer p[style*="--slate-400"]{color:#8AA596 !important}

/* ---- Announcement bar: charcoal with a green accent dot ---- */
.anno .dot{background:#22BC5E}

/* ---- Primary button: keep the subtle green lift ---- */
.btn-pri:hover{box-shadow:0 8px 20px rgba(20,150,70,.24)}

/* ---- Product-card photo + scrim (template-parts/product-card.php) ---- */
.prod .top .pimg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.prod .top .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,20,0) 45%,rgba(10,30,20,.05))}

/* ---- Single product: ensure real product image fills the refined gallery frame ---- */
.pd-main{padding:0!important;display:block!important}
.pd-main img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;cursor:zoom-in}
.pd-thumbs .thumb-btn{padding:0;overflow:hidden}
.pd-thumbs .thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}

/* announcement separator dot (forced small, no ping) */
.anno .dot{width:5px !important;height:5px !important;box-shadow:none !important;margin:0 22px !important;background:var(--g-br)}
.anno .dot::after{display:none !important}