/* ============================================================
   PEPTIDE CALCULATOR — maison reskin (espresso + struck-gold).
   Remaps --pcl-* light theme; crest hero; gold button + syringe.
   Loaded LAST so it wins. Visual only.
   ============================================================ */
:root{
  --pcl-bg:#0A0805 !important;
  --pcl-bg-strong:#0F0C08 !important;
  --pcl-bg-deep:#13100B !important;
  --pcl-card:linear-gradient(165deg,#13100B,#0C0906) !important;
  --pcl-rule:rgba(196,148,58,.18) !important;
  --pcl-rule-strong:rgba(196,148,58,.34) !important;
  --pcl-text:#EEE9DF !important;
  --pcl-text-dim:#C8BFB0 !important;
  --pcl-text-mut:#A89B89 !important;
  --pcl-blue:#C4943A !important;
  --pcl-blue-deep:#E2B76A !important;
  --pcl-cyan:#F2D79A !important;
  --pcl-blue-tint:rgba(196,148,58,.08) !important;
  --pcl-blue-tint-strong:rgba(196,148,58,.16) !important;
  --pcl-blue-rule:rgba(196,148,58,.30) !important;
  --pcl-shadow:0 16px 38px rgba(0,0,0,.5) !important;
  --pcl-shadow-soft:0 8px 20px rgba(0,0,0,.42) !important;
  --pcl-font-display:'Playfair Display',Georgia,serif !important;
  --pcl-font-ui:'Sora','DM Sans',system-ui,sans-serif !important;
}

/* canvas */
body{background:radial-gradient(75% 45% at 50% -8%,rgba(196,148,58,.10),transparent 70%),
  linear-gradient(170deg,#0A0805,#0F0C08 55%,#13100B) !important;color:#EEE9DF !important}
.pc-wall{display:none !important}

/* ── HERO ── */
.pc-hero,.pc-hero.mbr-banner-stage{position:relative !important;overflow:hidden !important;
  background:radial-gradient(120% 150% at 84% 38%,rgba(196,148,58,.20),transparent 58%),linear-gradient(165deg,#13100B,#0A0805 70%) !important;
  border:1px solid rgba(196,148,58,.22) !important;border-radius:18px !important;
  margin:22px clamp(16px,4vw,40px) 18px !important;padding:clamp(34px,4vw,52px) clamp(28px,5vw,56px) !important}
.pc-hero-img,.pc-hero-overlay,.pc-hero-tint,.mbr-banner-scrim,.pc-hero-bottom-line{display:none !important}
.pc-hero-content{position:relative !important;z-index:3 !important;max-width:620px !important}
.pc-hero-crest{position:absolute !important;right:clamp(16px,6vw,72px);top:50%;transform:translateY(-50%);
  width:clamp(120px,17vw,210px);height:auto;z-index:1;pointer-events:none;
  filter:drop-shadow(0 22px 46px rgba(0,0,0,.6)) drop-shadow(0 0 36px rgba(196,148,58,.16))}
@media(max-width:760px){.pc-hero-crest{right:50%;transform:translate(50%,-50%);opacity:.12;width:240px}.pc-hero-content{max-width:100% !important}}
.pc-hero-eyebrow{color:#E2B76A !important;letter-spacing:.32em !important;font-weight:600 !important}
.pc-hero-eyebrow::before,.pc-hero-eyebrow::after{background:linear-gradient(90deg,#E2B76A,transparent) !important}
.pc-hero-title{font-family:'Playfair Display',Georgia,serif !important;font-weight:400 !important;
  font-size:clamp(36px,5vw,60px) !important;line-height:1.02 !important;color:#EEE9DF !important;-webkit-text-fill-color:#EEE9DF !important}
.pc-hero-title strong{color:#E2B76A !important;font-style:italic !important;
  background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.pc-hero-sub{color:#C8BFB0 !important}
.pc-hero-actions a,.pc-hero-actions button,.pc-hero-actions .pc-hero-out{background:rgba(196,148,58,.08) !important;color:#F2D79A !important;border:1px solid rgba(196,148,58,.34) !important}
.pc-hero-actions a:hover,.pc-hero-actions button:hover,.pc-hero-actions .pc-hero-out:hover{background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;color:#2A1808 !important}

/* ── PANELS / FIELDS ── */
.pc-card{box-shadow:0 10px 26px rgba(0,0,0,.45) !important}
.pc-card-h{font-family:'Playfair Display',Georgia,serif !important;color:#EEE9DF !important}
.pc-card-h .gold{color:#E2B76A !important;-webkit-text-fill-color:#E2B76A !important;font-style:italic !important}
.pc-card-sub{color:#897C6B !important;font-family:'Sora',sans-serif !important;letter-spacing:.06em !important}
.pc-field label,.pc-field-label{color:#A89B89 !important}
.pc-field input,.pc-field select{background:rgba(255,255,255,.03) !important;border:1px solid rgba(196,148,58,.24) !important;color:#EEE9DF !important}
.pc-field input:focus,.pc-field select:focus{border-color:rgba(196,148,58,.55) !important}
.pc-field-hint,.pc-field small{color:#897C6B !important}

/* toggle (mcg/mg, ml/units) */
.pc-toggle{border:1px solid rgba(196,148,58,.24) !important;background:rgba(255,255,255,.02) !important}
.pc-toggle button{color:#A89B89 !important;background:none !important}
.pc-toggle button.active{background:var(--pcl-goldgrad,linear-gradient(135deg,#C4943A,#E2B76A)) !important;color:#2A1808 !important}

/* buttons */
.pc-btn-primary{background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;color:#2A1808 !important;border:none !important;
  font-family:'Sora',sans-serif !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;
  box-shadow:inset 0 1px 0 rgba(255,248,228,.6),0 8px 22px -8px rgba(196,148,58,.5) !important}
.pc-btn-primary:hover{filter:brightness(1.05) !important}
.pc-btn-ghost{background:rgba(196,148,58,.08) !important;border:1px solid rgba(196,148,58,.3) !important;color:#E2B76A !important}
.pc-btn-ghost:hover{background:rgba(196,148,58,.16) !important;color:#F2D79A !important}

/* results */
.pc-result-lbl{color:#A89B89 !important}
.pc-result-val{color:#EEE9DF !important;font-family:'Playfair Display',Georgia,serif !important}
.pc-result-unit{color:#897C6B !important}
.pc-result-hero .pc-result-val{color:#F2D79A !important;-webkit-text-fill-color:#F2D79A !important}
.pc-result-row{border-bottom-color:rgba(196,148,58,.14) !important}

/* syringe visual — gold draw level */
.pc-syringe .pc-card-h{color:#EEE9DF !important}
.pc-syringe svg [stroke]{stroke:#E2B76A !important}
.pc-syringe svg [fill]:not([fill="none"]){fill:rgba(226,183,106,.35) !important}
.pc-syringe-fill,.pc-syringe-level{background:linear-gradient(180deg,#F2D79A,#C4943A) !important;fill:#E2B76A !important}
.pc-syringe-barrel,.pc-syringe-body{border-color:rgba(196,148,58,.4) !important}
.pc-syringe-tick,.pc-syringe-label{color:#A89B89 !important}

/* educational footer */
.pc-note,.pc-disclaimer{color:#897C6B !important;background:rgba(196,148,58,.04) !important;border-color:rgba(196,148,58,.18) !important}
.pc-note a,.pc-disclaimer a,[href^="mailto"]{color:#E2B76A !important}

/* kill leftover teal/green on result rows (shown after Calculate) */
.pc-card .pc-result-row,.pc-results .pc-result-row,.pc-result-row{border-color:rgba(196,148,58,.14) !important;background:none !important}
.pc-result-hero{background:rgba(196,148,58,.06) !important;border:1px solid rgba(196,148,58,.3) !important}

/* ═══════════ CANONICAL MAISON BUTTONS — calculator (mirrored to Stack Builder) ═══════════
   Struck-gold primary, gold-hairline ghost/nav pills, clean segmented toggle.
   One cohesive button language; no generic pill slop. */
.pc-btn-primary{
  background:linear-gradient(180deg,#F4DBA4 0%,#E2B76A 44%,#C4943A 100%) !important;
  color:#2A1808 !important; border:1px solid rgba(120,84,28,.6) !important; border-radius:12px !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; font-size:12px !important; letter-spacing:.18em !important; text-transform:uppercase !important;
  padding:17px 24px !important; cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,248,228,.75), inset 0 -2px 6px rgba(86,54,12,.34), 0 10px 24px -8px rgba(196,148,58,.5) !important;
  transition:filter .2s, transform .2s, box-shadow .2s !important;
}
.pc-btn-primary:hover{ filter:brightness(1.05) !important; transform:translateY(-1px) !important;
  box-shadow:inset 0 1px 0 rgba(255,248,228,.85), inset 0 -2px 6px rgba(86,54,12,.4), 0 14px 30px -8px rgba(196,148,58,.62) !important; }
.pc-btn-ghost{ background:transparent !important; border:1px solid rgba(196,148,58,.42) !important; color:#E2B76A !important; border-radius:12px !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; font-size:12px !important; letter-spacing:.18em !important; text-transform:uppercase !important;
  padding:17px 24px !important; cursor:pointer !important; transition:background .2s, border-color .2s, color .2s !important; }
.pc-btn-ghost:hover{ background:rgba(196,148,58,.1) !important; border-color:rgba(196,148,58,.62) !important; color:#F2D79A !important; }
.pc-hero-actions a,.pc-hero-actions button,.pc-hero-actions .pc-hero-out{
  background:transparent !important; border:1px solid rgba(196,148,58,.3) !important; color:#E2B76A !important; border-radius:999px !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; font-size:10.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important;
  padding:9px 17px !important; transition:background .2s, border-color .2s, color .2s !important; }
.pc-hero-actions a:hover,.pc-hero-actions button:hover,.pc-hero-actions .pc-hero-out:hover{
  background:rgba(196,148,58,.12) !important; border-color:rgba(196,148,58,.55) !important; color:#F2D79A !important; }
.pc-toggle{ border:1px solid rgba(196,148,58,.26) !important; background:rgba(0,0,0,.28) !important; border-radius:11px !important; padding:3px !important; gap:3px !important; }
.pc-toggle button{ color:#A89B89 !important; background:none !important; border-radius:8px !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; font-size:11px !important; letter-spacing:.14em !important; text-transform:uppercase !important; transition:.2s !important; }
.pc-toggle button.active{ background:linear-gradient(180deg,#E2B76A,#C4943A) !important; color:#2A1808 !important;
  box-shadow:inset 0 1px 0 rgba(255,248,228,.6) !important; }