/* ============================================================
   CASA BLISS v2 — "Forest" re-theme (19 Oct 2026)
   Owner + Ajay: no purple, more professional, darker (reference: Hidden Gardens).
   Deep forest-black grounds, warm stone paper, cannabis green for actions, brass for detail.
   Loaded after styles.css / home.css on every page; the old purple build is in _qa/backup-2026-10-19-dark/.
   ============================================================ */
:root{
  --c-ink:        #0D1611;
  --c-ink-2:      #070D0A;
  --c-ink-soft:   #15241B;
  --c-ink-line:   rgba(236,231,218,.14);

  --c-paper:      #EFEAE0;
  --c-paper-2:    #E4DDCC;
  --c-card:       #F8F5EE;
  --c-line:       #D6CDB9;

  --c-gold:       #46A86A;
  --c-gold-bright:#74C893;
  --c-gold-deep:  #1F5C38;

  --c-blossom:    #C9A867;
  --c-blossom-deep:#22573A;

  --c-neon:       #8FD9A8;
  --c-neon-deep:  #1F5C38;
  --c-butter:     #D6B46A;
  --c-olive:      #2C4434;
  --c-leaf:       #3D6A4B;
  --c-leaf-soft:  #9DBFA6;

  --c-text:       #18231D;
  --c-text-soft:  #4A584F;
  --c-cream:      #F1ECE1;
  --c-cream-soft: rgba(241,236,225,.78);

  --f-display: "DM Serif Display", "Iowan Old Style", Georgia, serif;
  --f-brand:   "DM Serif Display", Georgia, serif;

  --shadow-soft: 0 28px 60px -30px rgba(7,13,10,.5);
  --shadow-lift: 0 16px 34px -18px rgba(7,13,10,.38);
  --hair: rgba(13,22,17,.14);
  --lift: 0 1px 2px rgba(7,13,10,.06),0 18px 40px -26px rgba(7,13,10,.42);
  --lift-hover: 0 2px 4px rgba(7,13,10,.08),0 26px 48px -26px rgba(7,13,10,.5);
}
h1,h2,h3,h4{letter-spacing:-.012em}
::selection{background:var(--c-gold);color:#fff}

/* ---- shared chrome (styles.css) ---- */
.hbar{background:rgba(9,16,12,.92);border-color:rgba(236,231,218,.12);box-shadow:0 16px 34px -20px rgba(0,0,0,.8)}
.page-hero::after{background:linear-gradient(95deg, rgba(7,13,10,.96) 0%, rgba(11,20,15,.8) 46%, rgba(11,20,15,.32) 100%)}
.ph-tag{background:rgba(7,13,10,.74)}
.cta-band::before{background:radial-gradient(circle, rgba(70,168,106,.22), transparent 66%)}
.dutchie-live{background:radial-gradient(90% 65% at 50% 0%, rgba(70,168,106,.1), transparent 60%), linear-gradient(165deg, var(--c-paper) 0%, var(--c-paper-2) 100%)}
.gate{background-image:radial-gradient(70% 55% at 50% 110%, rgba(70,168,106,.26), transparent 60%), radial-gradient(50% 40% at 85% 0%, rgba(201,168,103,.12), transparent 60%)}
.lb{background:rgba(7,13,10,.94)}
.btn-gold{color:#fff;box-shadow:0 10px 22px -14px rgba(70,168,106,.8)}
.btn-gold:hover{background:var(--c-gold-deep)}
.btn-line{border-color:rgba(13,22,17,.3)}
.vs-pill{border-color:rgba(13,22,17,.18)}
.chip{border-color:rgba(13,22,17,.28)}
.field input,.field textarea{border-color:rgba(13,22,17,.24)}
.nd-panel{box-shadow:0 18px 40px -18px rgba(7,13,10,.45)}
.cta-btn{border-color:rgba(13,22,17,.22)}
.open-chip.is-closed .dot{background:var(--c-blossom);box-shadow:0 0 0 4px rgba(201,168,103,.22)}
.hours-table tr.is-today th,.hours-table tr.is-today td{background:rgba(214,180,106,.32)}
.tag{background:rgba(70,168,106,.14);color:var(--c-blossom-deep)}
.tag-leaf{background:rgba(61,106,75,.16);color:#2C4434}
.tag-gold{background:rgba(201,168,103,.22);color:#6B5226}
.ny-warning,.ny-warning p{background:#E2C67F;color:#0D1611}
.ny-warning p{background:none}
.feature-post .ph-photo.thumb{background-color:var(--c-ink)}
@media (max-width: 900px){ .site-nav{box-shadow:0 30px 50px -20px rgba(0,0,0,.85)} }

/* ---- homepage hero ---- */
.hero{background:var(--c-ink-2)}
.hero-bg video{background:var(--c-ink-2)}
.hero-shade{
  background:
    radial-gradient(55% 75% at 14% 62%, rgba(31,92,56,.42), transparent 70%),
    linear-gradient(98deg, rgba(7,13,10,.93) 0%, rgba(9,17,12,.8) 36%, rgba(9,17,12,.34) 68%, rgba(9,17,12,.5) 100%),
    linear-gradient(0deg, rgba(7,13,10,.92), transparent 36%);
}
.h1-eyebrow{
  font-family:var(--f-body);font-weight:700;font-size:clamp(.7rem,1vw,.8rem);letter-spacing:.24em;
  color:var(--c-neon);border:1px solid rgba(143,217,168,.4);background:rgba(7,13,10,.45);
}
.h1-row{line-height:.98;letter-spacing:-.018em;text-shadow:0 2px 28px rgba(7,13,10,.55)}
.h1-bliss{background:linear-gradient(92deg, #8FD9A8 0%, #D6B46A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.h1-bliss::after{background:var(--c-butter);box-shadow:none;height:.05em;bottom:.04em;opacity:.85}
.hero-lede{text-shadow:0 1px 14px rgba(7,13,10,.75)}
.hero-chip{background:rgba(241,236,225,.07)}
.polaroid{background:#F6F2E9}
.pol-photo{background:var(--c-ink-soft)}
.pol-tape{background:rgba(214,180,106,.82)}
.neon-out{fill:#0A140E;stroke:#1F3D2B}
.neon-in{fill:rgba(143,217,168,.06);filter:drop-shadow(0 0 4px var(--c-neon)) drop-shadow(0 0 14px rgba(143,217,168,.6))}
.neon-word{filter:drop-shadow(0 0 4px var(--c-neon)) drop-shadow(0 0 10px rgba(143,217,168,.7))}
.neon-sign.is-closed .neon-in{stroke:var(--c-blossom);filter:drop-shadow(0 0 4px var(--c-blossom)) drop-shadow(0 0 12px rgba(201,168,103,.5))}

/* ---- homepage sections (home.css) ---- */
.v-indica{--vc:#1F3D2B;--vt:#F1ECE1;--va:#8FD9A8;--vb:#0D1611;--vd:#D6B46A}
.v-hybrid{--vc:#46A86A;--vt:#0D1611;--va:#F1ECE1;--vb:#0D1611;--vd:#D6B46A}
.v-sativa{--vc:#D6B46A;--vt:#0D1611;--va:#1F5C38;--vb:#F1ECE1;--vd:#0D1611}
.v-prerolls{--vc:#9DBFA6;--vt:#0D1611;--va:#F1ECE1;--vb:#0D1611;--vd:#1F5C38}
.v-edibles{--vc:#C9A867;--vt:#0D1611;--va:#F1ECE1;--vb:#0D1611;--vd:#1F5C38}
.v-concentrates{--vc:#2C4434;--vt:#F1ECE1;--va:#D6B46A;--vb:#0D1611;--vd:#F1ECE1}
.t-flower{--tt:#3D7A52;--vc:#2C4434;--vt:#F1ECE1;--va:#F1ECE1;--vb:#0D1611;--vd:#D6B46A;--ve:#8FD9A8}
.t-prerolls{--tt:#A9874F;--vc:#C9A867;--vt:#0D1611;--va:#F1ECE1;--vb:#0D1611;--vd:#1F5C38;--ve:#8A6A34}
.t-vapes{--tt:#2F6B57;--vc:#9DBFA6;--vt:#0D1611;--va:#F1ECE1;--vb:#0D1611;--vd:#1F5C38;--ve:#46A86A}
.t-edibles{--tt:#8C6A4A;--vc:#E4DDCC;--vt:#0D1611;--va:#F8F5EE;--vb:#1F3D2B;--vd:#C9A867;--ve:#46A86A}
.t-concentrates{--tt:#B8954F;--vc:#D6B46A;--vt:#0D1611;--va:#1F5C38;--vb:#0D1611;--vd:#F1ECE1;--ve:#6B5226}
.t-tinctures{--tt:#5E8F70;--vc:#7FB896;--vt:#0D1611;--va:#F1ECE1;--vb:#0D1611;--vd:#1F5C38;--ve:#D6B46A}
.t-topicals{--tt:#6E7F4E;--vc:#46A86A;--vt:#0D1611;--va:#F1ECE1;--vb:#0D1611;--vd:#D6B46A;--ve:#1F5C38}
.t-accessories{--tt:#4E5F55;--vc:#1F3D2B;--vt:#F1ECE1;--va:#8FD9A8;--vb:#F1ECE1;--vd:#D6B46A;--ve:#46A86A}
.tile::after{background:linear-gradient(0deg, rgba(7,13,10,.86) 0%, rgba(7,13,10,.18) 50%, transparent 100%)}
.quiz-panel::before{background:radial-gradient(circle, rgba(70,168,106,.2), transparent 64%)}
.quiz-panel::after{background:radial-gradient(circle, rgba(201,168,103,.16), transparent 64%)}
.neon-track i{background:rgba(241,236,225,.14)}
.neon-track i.on{box-shadow:0 0 8px var(--c-neon),0 0 20px rgba(143,217,168,.45)}
.qr-tip{background:rgba(214,180,106,.32)}
.route-line{background:rgba(13,22,17,.2)}
.aroma-panel{background:#12241A;--ar:#D6B46A}
.rev{box-shadow:7px 7px 0 rgba(0,0,0,.35)}
.rev-a{--rc:#F6F2E9}.rev-b{--rc:#8FC9A3}.rev-c{--rc:#C9A867}.rev-d{--rc:#E4DDCC}.rev-e{--rc:#B9D4C1}.rev-f{--rc:#F6F2E9}
.hours-sign{box-shadow:0 0 0 3px var(--c-ink-2), 0 0 0 5px var(--c-gold), 0 0 30px rgba(70,168,106,.35)}
body[data-open="no"] .hours-sign{box-shadow:0 0 0 3px var(--c-ink-2), 0 0 0 5px var(--c-blossom), 0 0 26px rgba(201,168,103,.35)}
.tc-form input::placeholder{color:#66756B}
.stub::before{border-color:rgba(13,22,17,.35)}
.door-panel::before{background:radial-gradient(circle, rgba(70,168,106,.2), transparent 64%)}
.d-out{fill:#0A140E;stroke:#1F3D2B}
.d-in{fill:rgba(143,217,168,.05);filter:drop-shadow(0 0 5px var(--c-neon)) drop-shadow(0 0 18px rgba(143,217,168,.6))}
.d-word{filter:drop-shadow(0 0 5px var(--c-neon)) drop-shadow(0 0 12px rgba(143,217,168,.7))}
.stop:not(:last-child)::after{background:rgba(13,22,17,.2)}
.q-opt{border-color:rgba(13,22,17,.2)}
.faq2-links a,.g2-all{border-bottom-color:rgba(34,87,58,.3)}
.club2 .tc-form .btn{color:#fff}

/* home: no cream strip between the top bar and the dark hero; calmer photo card */
body:has(.hero){background:linear-gradient(var(--c-ink-2), var(--c-ink-2)) top / 100% 220px no-repeat, var(--c-paper)}
.pol-tape{display:none}
.polaroid{transform:rotate(-2deg)}
@media (max-width: 620px){ .h1-eyebrow{letter-spacing:.14em} }

/* aroma wheel: earthy, muted bubbles (inline --bc values were the old candy palette) */
.ar-btn[data-aroma="citrus"]{--bc:#D6B46A!important}
.ar-btn[data-aroma="floral"]{--bc:#B9C9A8!important}
.ar-btn[data-aroma="peppery"]{--bc:#C08A62!important}
.ar-btn[data-aroma="earthy"]{--bc:#A98A5E!important}
.ar-btn[data-aroma="pine"]{--bc:#7FA488!important}
.ar-btn[data-aroma="woody"]{--bc:#C9AE84!important}
.ar-btn[data-aroma="sweet"]{--bc:#D9C49A!important}
.ar-btn[data-aroma="herbal"]{--bc:#9DBFA6!important}

/* menu page (Ajay, 19 Oct 2026): the live Dutchie menu runs wide, not in the 1200px column */
.shop-wide > .wrap{max-width:1720px;padding-left:max(16px,2.4vw);padding-right:max(16px,2.4vw)}
.shop-wide .dutchie-panel{border-width:1px}
.shop-wide .dutchie-live-full{min-height:1100px}
/* full screen width for the live menu panel; the heading and shelf chips stay aligned with it */
.shop-wide > .wrap{max-width:none;padding-left:max(12px,1.2vw);padding-right:max(12px,1.2vw)}

/* ============================================================
   PHONES (Ajay, 19 Oct 2026: "the whole website optimize for mobile")
   tighter sections, one-line button rows, compact page heroes, readable small text
   ============================================================ */
.shelf-jump{margin:0 0 20px}
.shelf-jump .eyebrow{margin-bottom:10px}
@media (max-width: 760px){
  :root{--sec-y:clamp(44px,11vw,60px)}
  /* the Shop / Order / Directions rows: one compact line instead of three stacked buttons */
  .cta-row{flex-wrap:nowrap;gap:8px;margin-top:20px;width:calc(100% - 32px)}
  .cta-btn{flex:1 1 0;min-width:0;justify-content:center;padding:12px 6px;font-size:.8rem;letter-spacing:0;white-space:nowrap;min-height:44px}
  /* inner page heroes: shorter */
  .page-hero{padding:40px 0 34px}
  .page-hero h1{font-size:clamp(2rem,9.4vw,2.5rem);line-height:1.04}
  .page-hero .lede{font-size:1rem;line-height:1.55}
  .page-hero .open-chip{display:none}
  .page-hero .cta-row{margin-top:20px}
  /* section heads */
  .sec-head-row{margin-bottom:26px;gap:16px}
  .sec-head h2{font-size:clamp(1.9rem,8.4vw,2.4rem)}
  .lede{font-size:1rem}
  /* small labels stay readable */
  .eyebrow,.vc-tag,.sf-k,.h3-eyebrow,.bn3-kicker{font-size:12px}
  /* menu page: no hero on phones, straight to the live menu */
  .menu-hero{display:none}
  .shop-wide{padding-top:18px}
  .shop-wide .sec-head-row{margin-bottom:12px;gap:10px;align-items:center;flex-wrap:nowrap}
  .shop-wide .sec-head .eyebrow{display:none}
  .shop-wide .sec-head h2{font-size:1.65rem;margin:0}
  .shop-wide .sec-head .lede{display:none}
  .shop-wide .sec-head-row .btn{flex:none;padding:9px 14px;font-size:.8rem;min-height:40px}
  .shelf-jump{margin:0 0 12px}
  .shelf-jump .eyebrow{display:none}
  .shelf-jump .chip-row{flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:0 12px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .shelf-jump .chip-row::-webkit-scrollbar{display:none}
  .shelf-jump .chip{flex:none;white-space:nowrap;scroll-snap-align:start;min-height:40px;display:inline-flex;align-items:center}
  .shop-wide .dutchie-panel{margin-left:-12px;margin-right:-12px;border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .shop-wide .dutchie-head{padding:10px 14px;gap:4px}
  .shop-wide .dutchie-head strong{font-size:1.05rem}
  .shop-wide .dutchie-head span{font-size:.74rem}
  .embed-fallback{font-size:.9rem}
  .embed-fallback a{display:inline-block;padding:6px 0}
}
@media (max-width: 360px){ .cta-btn{font-size:.74rem;padding:12px 4px} }
@media (max-width: 760px){ .shelf-jump .chip-row{scroll-padding-inline:12px} .vibes .vc-tag{font-size:12px;letter-spacing:.08em} }