/* Dark overrides for pwa-shell.css — load AFTER it. Matches the approved redesign. */
#pwaTop{background:rgba(70,18,34,.94);border-bottom:1px solid rgba(218,172,82,0.8);box-shadow:0 4px 18px rgba(0,0,0,.4)}
.pwa-brand b{color:#FFF9EC}
#pwaDrawer .dhb .bt b{font-family:'Cormorant Garamond',Georgia,serif}
.pwa-brand img{border-color:rgba(218,172,82,0.8);box-shadow:0 1px 6px rgba(0,0,0,.5)}
.pwa-ic{color:#F8E4BC}
.pwa-badge{background:#8E1B2C;border-color:#42101C}
.pwa-chip{background:rgba(122,30,62,.6);border-color:rgba(218,172,82,0.8);color:#FFF9EC;font-family:'Manrope',system-ui,sans-serif}
.pwa-chip.primary{background:linear-gradient(120deg,#F6D98A 0%,#D4A445 45%,#C9932E 100%);color:#1B0708}
.pwa-chip.primary svg{filter:none;stroke:#1B0708}
#pwaBottom{background:rgba(70,18,34,.94);border-top:1px solid rgba(218,172,82,0.42);box-shadow:0 -6px 24px rgba(0,0,0,.5)}
.pwa-tab{color:#EDD8B4}
.pwa-tab.active{color:#F6D98A}
.pwa-tab .acc{background:linear-gradient(120deg,#F6D98A,#C9932E)}
#pwaScrim{background:rgba(0,0,0,.6)}
#pwaDrawer{background:#50142A;box-shadow:12px 0 40px rgba(0,0,0,.6)}
#pwaDrawer a{color:#F9EDD9;border-bottom-color:rgba(218,172,82,0.8)}
#pwaDrawer .grp{color:#C9932E}

/* while the install banner is visible, lift the floating controls above it */
body.pwa-banner-open #bgSoundBtn{bottom:calc(152px + env(safe-area-inset-bottom,0px)) !important}
body.pwa-banner-open #bhajanCap{bottom:calc(155px + env(safe-area-inset-bottom,0px)) !important}
body.pwa-banner-open iframe[title="Temple Assistant"]{bottom:calc(142px + env(safe-area-inset-bottom,0px)) !important}

/* ── dark theme for the rebuilt drawer + Settings sheet ─────────────────────
   Values mirror the dark tokens in src/app/globals.css so this drawer and the
   booking app's NavDrawer render identically:
   --grad-primary #8E1B2C->#A32048, --berry-accent #C2183C, --ink-body #F9EDD9,
   --ink-muted #EDD8B4, --gold #F6D98A, --parchment-hi #5A1A34 */
body #pwaDrawer{background:#5A1A34;border-right:1px solid rgba(218,172,82,.45)}
body #pwaDrawer .dh{background:linear-gradient(135deg,#8E1B2C,#A32048)}
body #pwaDrawer .dhb .bt b{color:#FFF9EC}
body #pwaDrawer .dhb .bt i{color:#F6D98A}
body #pwaDrawer .dhx{color:#F6D98A}
body #pwaDrawer a{color:#F9EDD9;border-bottom:0}
body #pwaDrawer a svg{stroke:#F6D98A;opacity:.9}
body #pwaDrawer a.on{background:rgba(246,217,138,.08);color:#E3B878}
body #pwaDrawer a.on::before{background:linear-gradient(135deg,#8E1B2C,#A32048)}
body #pwaDrawer a.on svg{stroke:#F6D98A;opacity:1}
body #pwaDrawer .grp{color:#E3B878}
body #pwaDrawer .grp em,body #pwaSheet .grp em{color:#EDD8B4}

body #pwaSheet{background:#5A1A34;border-top:2px solid #C9932E;box-shadow:0 -16px 48px rgba(70,18,34,.32)}
body #pwaSheet .sh-hd b{color:#FFF9EC}
body #pwaSheet .sh-hd i{color:#E3B878}
body #pwaSheet .sh-x{background:#4A1226;border-color:rgba(218,172,82,.45);color:#EDD8B4}
body #pwaSheet .grp{color:#E3B878}
body #pwaSheet .grp em{color:#EDD8B4}
body #pwaSheet .lang{background:#4A1226;color:#F9EDD9;border-color:rgba(218,172,82,.45)}
body #pwaSheet .lang[data-on]{background:linear-gradient(135deg,#8E1B2C,#A32048);color:#FFF9EC;border-color:transparent}
body #pwaSheet .sh-p{color:#F9EDD9}
body #pwaSheet .sh-lk{color:#F9EDD9;border-bottom-color:rgba(218,172,82,.24)}
body #pwaSheet .sh-ver{color:#EDD8B4}