/* ═══════════════ FESTIVE & POOJA · THE SITE'S SHELL ON THE DIWALI GROUND (hotfix 97h) ═══════════════
   Owner, 7 Oct: "see at header ... completely different colour ... this was never in artifact". The approved mock
   (claude/wip/festive-tile/fpage.py) keeps the site's glass header but in the page's own material: warm cream
   glass by day, maroon-plum glass at night, a gold hairline for the edge. The stationery navy stays on every
   other page. Loaded by every page on the festive ground (category/festive-pooja and the festive product pages). */
body[data-ground="festive"]{
  --fh-pane-a:rgb(255 248 236 / .92);--fh-pane-b:rgb(255 238 214 / .86);
  --fh-ctl:rgb(255 250 242 / .78);--fh-ctl-hi:rgb(255 255 255 / .95);
  --fh-edge:rgb(201 147 47 / .55);--fh-edge-soft:rgb(201 147 47 / .38);
  --fh-ink:#2A0F14;--fh-ink-2:#5C2B2B;--fh-go:#7A1020;--fh-go-hi:#951629;--fh-on-go:#FFF4DE;--fh-ring:#C8321F}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body[data-ground="festive"]{
  --fh-pane-a:rgb(50 15 36 / .92);--fh-pane-b:rgb(32 10 30 / .88);
  --fh-ctl:rgb(66 20 44 / .78);--fh-ctl-hi:rgb(84 28 54 / .92);
  --fh-edge:rgb(231 182 90 / .42);--fh-edge-soft:rgb(231 182 90 / .3);
  --fh-ink:#FFF1DE;--fh-ink-2:#F1D3B6;--fh-go:#F5A21B;--fh-go-hi:#FFB547;--fh-on-go:#2A0F06;--fh-ring:#FFB547}}
:root[data-theme="dark"] body[data-ground="festive"]{
  --fh-pane-a:rgb(50 15 36 / .92);--fh-pane-b:rgb(32 10 30 / .88);
  --fh-ctl:rgb(66 20 44 / .78);--fh-ctl-hi:rgb(84 28 54 / .92);
  --fh-edge:rgb(231 182 90 / .42);--fh-edge-soft:rgb(231 182 90 / .3);
  --fh-ink:#FFF1DE;--fh-ink-2:#F1D3B6;--fh-go:#F5A21B;--fh-go-hi:#FFB547;--fh-on-go:#2A0F06;--fh-ring:#FFB547}

body[data-ground="festive"]{
  /* the glass system's own tokens (app.css "THE HEADER"), in the page's material */
  --bar-fill:linear-gradient(180deg,rgb(255 248 236 / .90),rgb(255 236 210 / .84));
  --bar-edge:rgb(255 255 255 / .85);--bar-hair:rgb(201 147 47 / .45);--bar-drop:0 10px 24px -18px rgb(110 30 10 / .45);
  --bar-ctl-fill:linear-gradient(180deg,rgb(255 252 246 / .86),rgb(255 244 228 / .70));
  --gb-fill:linear-gradient(180deg,rgb(255 252 246 / .78),rgb(255 240 220 / .60));
  --gb-fill-h:linear-gradient(180deg,rgb(255 255 252 / .92),rgb(255 244 228 / .76));
  --gb-edge:rgb(201 147 47 / .40);--gs-hdr-hair:rgb(201 147 47 / .28)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body[data-ground="festive"]{
  --bar-fill:linear-gradient(180deg,rgb(52 16 38 / .92),rgb(30 10 30 / .88));
  --bar-edge:rgb(255 220 170 / .12);--bar-hair:rgb(231 182 90 / .34);--bar-drop:0 10px 24px -16px rgb(0 0 0 / .7);
  --bar-ctl-fill:linear-gradient(180deg,rgb(255 214 170 / .10),rgb(255 214 170 / .04));
  --gb-fill:linear-gradient(180deg,rgb(255 214 170 / .14),rgb(255 214 170 / .05));
  --gb-fill-h:linear-gradient(180deg,rgb(255 214 170 / .22),rgb(255 214 170 / .09));
  --gb-edge:rgb(231 182 90 / .30);--gs-hdr-hair:rgb(0 0 0 / .3)}}
:root[data-theme="dark"] body[data-ground="festive"]{
  --bar-fill:linear-gradient(180deg,rgb(52 16 38 / .92),rgb(30 10 30 / .88));
  --bar-edge:rgb(255 220 170 / .12);--bar-hair:rgb(231 182 90 / .34);--bar-drop:0 10px 24px -16px rgb(0 0 0 / .7);
  --bar-ctl-fill:linear-gradient(180deg,rgb(255 214 170 / .10),rgb(255 214 170 / .04));
  --gb-fill:linear-gradient(180deg,rgb(255 214 170 / .14),rgb(255 214 170 / .05));
  --gb-fill-h:linear-gradient(180deg,rgb(255 214 170 / .22),rgb(255 214 170 / .09));
  --gb-edge:rgb(231 182 90 / .30);--gs-hdr-hair:rgb(0 0 0 / .3)}

body[data-ground="festive"] .topbar,body[data-ground="festive"] .topbar a{color:var(--fh-ink-2)}
body[data-ground="festive"] .topbar b{color:var(--fh-ink)}
body[data-ground="festive"] .siteheader .brand__name b{color:var(--fh-ink)}
body[data-ground="festive"] .siteheader .search input::placeholder{color:var(--fh-ink-2);opacity:1}
body[data-ground="festive"] #siteHeader .search button{background:var(--fh-go) !important;color:var(--fh-on-go) !important}
body[data-ground="festive"] #siteHeader .search button:hover{background:var(--fh-go-hi) !important}
body[data-ground="festive"] .siteheader :is(.search input,.iconbtn,.search button,.btn):focus-visible{outline:2px solid var(--fh-ring);outline-offset:2px}
@media (forced-colors:active){body[data-ground="festive"] .siteheader:has(.is-stuck){background:Canvas;border-bottom:1px solid CanvasText}}