/* VERSION 8 — community features, responsive themes, resilient Qibla/TV interfaces */
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar .brand{margin-bottom:20px;padding-bottom:17px}.sidebar .nav-item{padding:10px 13px}.sidebar .side-bottom{margin-top:19px;flex-shrink:0}
.v8-theme-quick{border:1px solid var(--border);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;min-width:61px;cursor:pointer}
.v8-theme-quick:hover{border-color:var(--gold)}
.v8-season-hero,.v8-madrassah-hero{background:radial-gradient(circle at 89% 20%,#fff7d315,transparent 48%),linear-gradient(125deg,#103c30,#27634c);color:#fff;border:1px solid #4b715c;border-radius:18px;padding:clamp(24px,3vw,40px);display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:235px;overflow:hidden}
.v8-season-hero h2,.v8-madrassah-hero h2{font:800 clamp(22px,3vw,34px)/1.25 'Manrope',sans-serif;letter-spacing:-1.1px;max-width:500px;margin:10px 0 13px;color:#fff}
.v8-season-hero p,.v8-madrassah-hero p{color:#d8e5d7;font-size:13px;max-width:500px;line-height:1.8}
.v8-season-ornament,.v8-madrassah-hero>span{font:normal clamp(30px,5vw,62px)/1.7 'Amiri',serif;color:#e5cc92;white-space:nowrap;opacity:.85}
.v8-season-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.v8-season-links .btn.ghost{background:transparent;color:white;border-color:#b6d0bf70}
.v8-section-switch{display:flex;gap:8px;margin:23px 0;flex-wrap:wrap}.v8-section-switch button{padding:11px 19px;border:1px solid var(--border);background:var(--paper);color:var(--ink);border-radius:9px;font-weight:800;cursor:pointer}.v8-section-switch button.active{background:#18513d;color:white;border-color:#18513d}
.v8-season-grid,.v8-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v8-feature-card{padding:25px;min-height:215px;display:flex;flex-direction:column;gap:10px}.v8-feature-card h2{font-size:20px;letter-spacing:-.5px}.v8-feature-card p{line-height:1.85;font-size:13px}.v8-feature-card .v8-official,.v8-feature-card>a{margin-top:auto}
.v8-official{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:800;color:#84662f;font-size:12px;line-height:1.5}.v8-official:hover{text-decoration:underline}
.v8-fasting-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#f5f7f1;border-radius:11px;margin:10px 0}.v8-fasting-times span,.v8-eid-facts span{display:block;letter-spacing:1.2px;font-weight:800;color:#829183;font-size:9px}.v8-fasting-times strong,.v8-eid-facts strong{display:block;font-size:14px;margin-top:5px;color:#285341}
.v8-eid-hero{padding:clamp(24px,4vw,45px);max-width:900px}.v8-eid-hero h2{font-size:clamp(22px,3vw,31px)}.v8-eid-hero p{line-height:1.8;font-size:14px;max-width:650px}.v8-eid-facts{display:flex;gap:35px;flex-wrap:wrap;background:#f6f8f3;border-radius:12px;padding:19px;margin:21px 0}
.v8-services-hero{padding:30px;margin-bottom:16px;background:linear-gradient(130deg,#f2f6ed,#fff)}.v8-services-hero h2{font-size:29px;letter-spacing:-1px}.v8-services-hero p{max-width:680px;line-height:1.7}
.v8-source-line{padding:16px 0;font-size:11px;color:var(--muted);line-height:1.8}.v8-madrassah-hero{margin-bottom:16px;background:linear-gradient(120deg,#164737,#27644c)}.v8-admission{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px;margin-top:18px}.v8-admission p{color:var(--muted);font-size:12px;line-height:1.7}.v8-admission .btn{flex-shrink:0}
.v8-enquiry-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);gap:16px;align-items:start}.v8-enquiry-form,.v8-imam-contact{padding:28px}.v8-enquiry-form>p,.v8-imam-contact>p{line-height:1.75}.v8-form{display:grid;gap:10px;margin-top:22px}.v8-form label{font-weight:800;font-size:11px;margin-top:8px}.v8-form input,.v8-form select,.v8-form textarea{width:100%;max-width:100%;font-size:13px}.v8-form textarea{resize:vertical;min-height:120px}.v8-form .btn{justify-self:start;margin-top:7px}.v8-contact-link{display:block;font-size:14px;color:#1a684c;font-weight:800;line-height:1.8;overflow-wrap:anywhere;margin:9px 0}.v8-imam-contact h3{font-size:14px}.v8-imam-contact>p{font-size:12px;color:var(--muted)}
.v8-theme-panel{margin:16px 0;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.v8-theme-panel h2{margin:7px 0}.v8-theme-panel p{max-width:490px}.v8-theme-options{display:flex;gap:8px;flex-wrap:wrap}.v8-theme-options button{min-width:95px;text-align:left;background:#f5f7f2;color:#29473b;border:1px solid #e0e9df;border-radius:11px;padding:12px;font-weight:800;cursor:pointer}.v8-theme-options button.active{background:#e5f2e7;border-color:#2b7453;color:#20503c}.v8-theme-options small{display:block;font-size:10px;opacity:.77;margin-top:4px;font-weight:500}
.v8-explore{padding:25px;margin-top:16px}.v8-compact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v8-compact-links a{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:10px;padding:14px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700}
.v8-qibla-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.82fr);gap:17px;align-items:start}.v8-qibla-card,.v8-qibla-side{padding:28px}.v8-qibla-card{text-align:center}.v8-qibla-card h2{font-size:clamp(16px,2.5vw,24px);margin:10px 0 14px;letter-spacing:-.5px}.v8-compass{position:relative;width:min(330px,75vw);height:min(330px,75vw);max-width:100%;margin:22px auto;aspect-ratio:1;border:11px solid #e4ede2;border-radius:50%;box-shadow:0 10px 34px #173f3116;background:radial-gradient(circle,#fff 0%,#f7faf5 58%,#eaf3e9 59%,#f8faf7 61%)}.v8-compass-axis{position:absolute;inset:15%;border:1px dashed #cfddce;border-radius:50%}.v8-compass>span{position:absolute;font-size:12px;font-weight:900;color:#8a7450}.v8-north{top:13px;left:50%;transform:translateX(-50%)}.v8-south{bottom:13px;left:50%;transform:translateX(-50%)}.v8-east{right:15px;top:50%;transform:translateY(-50%)}.v8-west{left:15px;top:50%;transform:translateY(-50%)}.v8-needle-shell{position:absolute;inset:0;transform-origin:center;transition:transform .25s ease}.v8-needle{position:absolute;left:calc(50% - 13px);top:14%;width:26px;height:36%;clip-path:polygon(50% 0%,100% 100%,50% 87%,0% 100%);background:linear-gradient(90deg,#c9a566 50%,#205240 50%);filter:drop-shadow(0 3px 3px #0002)}.v8-qibla-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#1d503c;border:3px solid #f5e5bc;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;color:#f6e4bd;font-weight:900;font-size:11px;letter-spacing:.6px}.v8-bearing-note{font-size:12px;font-weight:700;color:var(--muted);min-height:38px;line-height:1.7}.v8-qibla-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:12px}.v8-qibla-side h3{font-size:20px;margin:10px 0}.v8-qibla-side p{font-size:12px;line-height:1.8}.v8-segment{display:flex;gap:4px;background:#f0f4ed;border:1px solid #dfe8db;padding:5px;border-radius:11px;margin:22px 0}.v8-segment button{background:transparent;border:0;border-radius:7px;padding:10px 12px;flex:1;font-size:11px;font-weight:800;color:#55705b;cursor:pointer}.v8-segment button.on{background:#fff;color:#164b38;box-shadow:0 2px 6px #203d2c17}.v8-qibla-side input[type=range]{width:100%;accent-color:#275742;margin:14px 0 10px}.v8-verification{padding:14px;background:#faf4e6;border:1px solid #f1e2bc;border-radius:10px;color:#806537;font-size:11px;line-height:1.75}
.v8-tv-shell{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#fff}.v8-tv-toolbar{padding:23px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.v8-tv-toolbar h1{font:800 27px 'Manrope',sans-serif;color:var(--ink);margin:6px 0}.v8-tv-controls{display:flex;flex-wrap:wrap;gap:8px}.v8-tv-controls a.btn{text-decoration:none;display:inline-flex;align-items:center}
.v8-tv-stage{background:radial-gradient(circle at 85% 0%,#295f49,#092e26 70%);color:white;padding:clamp(18px,2.6vw,40px);border:9px solid #173d31;min-height:560px;display:flex;flex-direction:column;justify-content:space-between}.v8-tv-stage-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:19px;border-bottom:1px solid #d5bb8866}.v8-tv-stage-head h2{font-size:clamp(19px,3vw,34px);letter-spacing:1px;color:#fff;margin:5px 0}.v8-tv-now{text-align:right}.v8-tv-now strong{display:block;font:800 clamp(22px,3vw,41px) 'Manrope',sans-serif;font-variant-numeric:tabular-nums}.v8-tv-now span{display:block;font-size:11px;color:#c9d7c7}
.v8-tv-stage-main{display:grid;grid-template-columns:minmax(230px,.95fr) minmax(0,1.5fr);gap:clamp(20px,4vw,55px);align-items:center;flex:1}.v8-tv-next h3{font-size:clamp(28px,5vw,53px);margin:11px 0 14px;color:#fff;line-height:1.15}.v8-tv-next>strong{font-size:clamp(19px,3vw,36px);display:block;color:#e8d5a7}.v8-tv-next>span:last-child{font:800 clamp(22px,3.5vw,39px) 'Manrope',sans-serif;display:block;margin-top:20px;font-variant-numeric:tabular-nums}.v8-tv-table{background:#ffffff0a;border:1px solid #ffffff26;border-radius:14px;overflow:hidden}.v8-tv-tablehead,.v8-tv-line{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center;padding:clamp(11px,1.5vw,19px) clamp(12px,1.6vw,21px)}.v8-tv-tablehead{color:#ead5a4;background:#0002;font-size:10px;letter-spacing:1px;font-weight:800}.v8-tv-line{border-top:1px solid #ffffff18;font-size:clamp(12px,1.35vw,17px)}.v8-tv-line strong{font-weight:800}.v8-tv-line span,.v8-tv-line b{text-align:right}.v8-tv-line b{color:#e8d7b1}.v8-tv-stage-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:10px;border-top:1px solid #d5bb8866;padding-top:15px;color:#d7ddcf}.v8-tv-stage-foot strong{color:#edd9b0}.v8-tv-credit{text-align:center;font-size:9px;color:#c1b391;margin-top:12px}
.v8-tv-shell:fullscreen,.v8-tv-shell:-webkit-full-screen{height:100vh!important;width:100vw!important;max-width:none!important;border:0!important;border-radius:0!important;background:#092e26!important;display:flex;flex-direction:column}.v8-tv-shell:fullscreen .v8-tv-toolbar,.v8-tv-shell:-webkit-full-screen .v8-tv-toolbar{padding:8px 22px;background:#102f28}.v8-tv-shell:fullscreen .v8-tv-toolbar h1,.v8-tv-shell:-webkit-full-screen .v8-tv-toolbar h1{font-size:14px}.v8-tv-shell:fullscreen .v8-tv-toolbar p,.v8-tv-shell:-webkit-full-screen .v8-tv-toolbar p{display:none}.v8-tv-shell:fullscreen .v8-tv-stage,.v8-tv-shell:-webkit-full-screen .v8-tv-stage{flex:1;min-height:0}.v8-tv-shell:fullscreen>.status-note,.v8-tv-shell:-webkit-full-screen>.status-note{display:none}
@media(max-width:1020px){.v8-enquiry-grid,.v8-qibla-layout{grid-template-columns:1fr}.v8-theme-panel{align-items:start;flex-direction:column}.v8-tv-stage-main{grid-template-columns:1fr;gap:15px}.v8-tv-stage{min-height:760px}.v8-tv-next h3{font-size:38px}.v8-tv-stage-head h2{font-size:24px}}
@media(max-width:650px){.v8-season-grid,.v8-service-grid,.v8-compact-links{grid-template-columns:1fr}.v8-season-hero,.v8-madrassah-hero{padding:23px}.v8-season-ornament,.v8-madrassah-hero>span{display:none}.v8-feature-card{min-height:0;padding:22px}.v8-admission{flex-direction:column;align-items:start}.v8-theme-options{width:100%}.v8-theme-options button{flex:1;min-width:0}.v8-qibla-card,.v8-qibla-side{padding:17px}.v8-tv-stage{padding:13px;min-height:730px}.v8-tv-toolbar{padding:15px}.v8-tv-controls .btn{flex:1;text-align:center}.v8-tv-stage-head{flex-wrap:wrap}.v8-tv-next h3{font-size:32px}.v8-tv-tablehead,.v8-tv-line{gap:5px;padding:12px 8px}.v8-tv-stage-foot{font-size:9px}.v8-eid-facts{gap:16px}.v8-enquiry-form,.v8-imam-contact{padding:19px}}
/* Dark mode overrides: keep foreground/background contrast across legacy V7 pages. */
:root[data-theme="dark"]{--forest:#153d33;--forest2:#081a17;--ink:#e9f0e8;--gold:#d1ac71;--gold2:#ab9061;--muted:#a6b6ab;--light:#12231e;--border:#314b40;--paper:#182b25;--shadow:0 7px 25px #07130f55}
:root[data-theme="dark"] body,:root[data-theme="dark"] .app-content{background:#101e1a!important;color:#e9f0e8!important}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .footer,:root[data-theme="dark"] .mobile-tabbar{background:#182b25!important;border-color:#30483d!important}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .card,:root[data-theme="dark"] .time-card,:root[data-theme="dark"] .quick-link,:root[data-theme="dark"] .v4-home-actions a,:root[data-theme="dark"] .v8-tv-shell,:root[data-theme="dark"] .v4-dua-card,:root[data-theme="dark"] .surah-card,:root[data-theme="dark"] .surah-heart,:root[data-theme="dark"] .qari-option,:root[data-theme="dark"] .juz-button,:root[data-theme="dark"] .v4-pref-row,:root[data-theme="dark"] .v8-services-hero{background:#192e27!important;border-color:#344c3f!important;color:#e9f0e8!important;box-shadow:none}
:root[data-theme="dark"] .page-header h1,:root[data-theme="dark"] .panel h2,:root[data-theme="dark"] .panel h3,:root[data-theme="dark"] .quick-link strong,:root[data-theme="dark"] .surah-content strong,:root[data-theme="dark"] .surah-card-arabic,:root[data-theme="dark"] .qibla-main h2,:root[data-theme="dark"] .time-card strong,:root[data-theme="dark"] .v4-section-head h2,:root[data-theme="dark"] .prayer-row strong,:root[data-theme="dark"] .v8-tv-toolbar h1{color:#f0f4ed!important}
:root[data-theme="dark"] .muted,:root[data-theme="dark"] .mini-help,:root[data-theme="dark"] .translation,:root[data-theme="dark"] .dua-english,:root[data-theme="dark"] .v8-service-grid p,:root[data-theme="dark"] .v8-season-grid p{color:#aec1b1!important}
:root[data-theme="dark"] .status-note,:root[data-theme="dark"] .v8-verification,:root[data-theme="dark"] .v6-reminder-shortcut,:root[data-theme="dark"] .v8-fasting-times,:root[data-theme="dark"] .v8-eid-facts,:root[data-theme="dark"] .v4-continue-reading,:root[data-theme="dark"] .offline-box,:root[data-theme="dark"] .reader-intro{background:#28342a!important;color:#e6d6b5!important;border-color:#5c5540!important}
:root[data-theme="dark"] .field,:root[data-theme="dark"] input:not([type="checkbox"]):not([type="range"]),:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#10241d!important;color:#eaf1e6!important;border-color:#456051!important}
:root[data-theme="dark"] .btn.ghost,:root[data-theme="dark"] .tab,:root[data-theme="dark"] .v8-section-switch button,:root[data-theme="dark"] .v8-theme-options button,:root[data-theme="dark"] .v8-compact-links a{background:#24392f!important;color:#ecf1e8!important;border-color:#466251!important}
:root[data-theme="dark"] .v8-theme-options button.active,:root[data-theme="dark"] .v8-section-switch button.active,:root[data-theme="dark"] .tab.active{background:#497963!important;border-color:#689f7f!important}
:root[data-theme="dark"] .v4-next-card{background:#1a342b;color:#eff2e9;border-color:#688269}.v4-next-card .v4-count,:root[data-theme="dark"] .v4-prayer-name,:root[data-theme="dark"] .v4-next-foot strong{color:#f0ead9!important}
:root[data-theme="dark"] .v8-compass{background:radial-gradient(circle,#1a2e26,#20382c)!important;border-color:#365848}.v8-qibla-card .v8-qibla-core{background:#0b2419}
:root[data-theme="dark"] .prayer-row.active{background:#254739!important;color:#f1f6ed!important}.v8-feature-card .v8-official,:root[data-theme="dark"] .v8-contact-link,:root[data-theme="dark"] .v8-official{color:#e7c993}
:root[data-theme="dark"] .v6-schedule-scroll{border-color:#365344}.v6-schedule-table tbody tr:not(.v6-friday-row) td,.v6-schedule-table tbody tr:not(.v6-friday-row) th{background:#172f25!important;color:#eef3e8!important}.v6-schedule-table tbody tr.v6-friday-row td,.v6-schedule-table tbody tr.v6-friday-row th{background:#5a4729!important;color:#fff0c4!important}
:root[data-theme="dark"] .surah-number,:root[data-theme="dark"] .quick-icon,:root[data-theme="dark"] .verse-num{background:#314e3d!important;color:#e8d5b2!important}
:root[data-theme="dark"] .reader .verse-arabic,:root[data-theme="dark"] .dhikr-arabic,:root[data-theme="dark"] .dua-arabic{color:#f4e5bd!important}
:root[data-theme="dark"] .v8-tv-stage{color:white!important}.v8-tv-stage .eyebrow{color:#eacb91!important}.v8-tv-stage h2,.v8-tv-stage h3,.v8-tv-stage strong{color:white}
@media print{:root[data-theme="dark"] body{background:white!important;color:#12271d!important}}