/* Noor 2026 — premium visual layer */
:root{
  --noor-bg:#f5f7f2;
  --noor-surface:#ffffff;
  --noor-surface-2:#eef3ec;
  --noor-text:#18231d;
  --noor-muted:#6c776f;
  --noor-primary:#0f6b4f;
  --noor-primary-2:#16805f;
  --noor-accent:#c9a45c;
  --noor-line:rgba(24,35,29,.09);
  --noor-shadow:0 18px 50px rgba(20,48,38,.09);
  --noor-radius:22px;
}
*{box-sizing:border-box}
html{background:var(--noor-bg)}
body{background:radial-gradient(circle at 10% 0%,rgba(201,164,92,.10),transparent 30%),radial-gradient(circle at 90% 10%,rgba(15,107,79,.08),transparent 28%),var(--noor-bg)!important;color:var(--noor-text)!important;font-family:Tahoma,Arial,sans-serif;line-height:1.7}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(15,107,79,.08) 1px,transparent 1px);background-size:24px 24px;z-index:-1}
a{color:var(--noor-primary);transition:.2s ease}a:hover{color:var(--noor-primary-2);text-decoration:none}
.custom-nav{background:rgba(255,255,255,.82)!important;border-bottom:1px solid var(--noor-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(20,48,38,.05);padding:10px 0}
.custom-nav .container{max-width:1180px}
.custom-navbar-brand{display:flex;align-items:center;gap:10px;color:var(--noor-text)!important;font-weight:900!important;font-size:20px!important;letter-spacing:-.4px}
.custom-navbar-brand:before{content:"۞";display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--noor-primary),#0a4e3a);color:#fff;font-size:20px;box-shadow:0 8px 18px rgba(15,107,79,.25)}
.custom-nav .nav-link{color:var(--noor-text)!important;font-weight:700;padding:10px 14px!important;border-radius:12px;margin:2px;position:relative}
.custom-nav .nav-link:hover,.custom-nav .nav-link:focus{background:var(--noor-surface-2);color:var(--noor-primary)!important}
.header-wrapper{background:linear-gradient(135deg,#0b4d3a 0%,#0f6b4f 55%,#174f3e 100%)!important;position:relative;overflow:hidden;border-radius:0 0 34px 34px;box-shadow:0 20px 45px rgba(15,107,79,.18)}
.header-wrapper:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-140px;top:-230px}.header-wrapper:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(201,164,92,.22);border-radius:50%;left:-110px;bottom:-180px}
.header-wrapper .container{position:relative;z-index:1;padding:34px 18px}
.header-wrapper h1,.header-wrapper h2,.header-wrapper h3,.header-wrapper h4,.header-wrapper h5,.header-wrapper p,.header-wrapper a{color:#fff}
.section-content{background:rgba(255,255,255,.88)!important;border:1px solid var(--noor-line);border-radius:var(--noor-radius);box-shadow:var(--noor-shadow);padding:28px!important}
.section-1,.section-2,.section-3{background:transparent!important;border:0!important;padding:22px 0!important}
.section-title h1{color:var(--noor-text);border:0!important;position:relative;padding-bottom:12px!important;font-size:30px!important}.section-title h1:after{content:"";position:absolute;bottom:0;right:0;width:58px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--noor-accent),var(--noor-primary))}
.card,.card-custom,.block,.books-languages,.language-loop,.share,.ayat4tafseersearch{border:1px solid var(--noor-line)!important;border-radius:var(--noor-radius)!important;background:rgba(255,255,255,.92)!important;box-shadow:0 10px 35px rgba(20,48,38,.06)!important;overflow:hidden}
.card-custom{border-bottom:0!important}.card-custom .card-header{background:linear-gradient(135deg,var(--noor-primary),#0b5742)!important;border:0!important;padding:17px 20px!important}.card-custom .card-header h1,.card-custom .card-header h2,.card-custom .card-header h3,.card-custom .card-header h4,.card-custom .card-header h5{color:#fff!important;margin:0;font-weight:800}
.card-body{padding:22px!important}
.btn{border-radius:13px!important;font-weight:800!important;border:0!important;box-shadow:none!important;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary,.btn-success{background:linear-gradient(135deg,var(--noor-primary),var(--noor-primary-2))!important;color:#fff!important}.btn-warning{background:linear-gradient(135deg,#d6b16d,#b98b3e)!important;color:#fff!important}.btn-light,.btn-secondary{background:var(--noor-surface-2)!important;color:var(--noor-text)!important}
.form-control,.form-select{border:1px solid var(--noor-line)!important;border-radius:14px!important;background:#fff!important;padding:11px 14px!important;min-height:46px;box-shadow:none!important}.form-control:focus,.form-select:focus{border-color:rgba(15,107,79,.45)!important;box-shadow:0 0 0 4px rgba(15,107,79,.09)!important}
.ayat,.ayat2,.ayat4tafseer{font-family:'KFGQPC Uthmanic Script HAFS','Scheherazade',serif!important}.ayat,.ayat2{font-size:2rem!important;line-height:2.25!important;color:#26352d!important;background:transparent!important;border:0!important}
.ayat4tafseer{background:#fff!important;border:1px solid var(--noor-line)!important;border-radius:20px!important;padding:22px!important;box-shadow:0 10px 30px rgba(20,48,38,.05)}
.aya-number{color:var(--noor-primary)!important;font-weight:800}
.listen_aya{background:var(--noor-primary);color:#fff!important;border-radius:12px;padding:7px 10px;box-shadow:0 8px 16px rgba(15,107,79,.18)}
audio{border-radius:16px;width:100%}
.custom-breadcrumb .breadcrumb{background:rgba(255,255,255,.8)!important;border:1px solid var(--noor-line);border-radius:15px!important;padding:12px 16px!important;box-shadow:0 8px 25px rgba(20,48,38,.05)}
.custom-breadcrumb .breadcrumb li a,.custom-breadcrumb .breadcrumb li a span{color:var(--noor-primary)!important}.custom-breadcrumb .breadcrumb>.active{color:var(--noor-muted)!important}
#quran h5 a,#languages h5 a{color:var(--noor-text)!important;font-weight:800}
#quran .row>div,#languages .row>div{margin-bottom:14px}.q-surah-nav{display:flex;gap:12px;justify-content:space-between;margin:25px 0}.q-surah-nav a{padding:12px 18px;background:#fff;border:1px solid var(--noor-line);border-radius:14px;box-shadow:0 8px 22px rgba(20,48,38,.05);font-weight:800}
.language-loop{color:var(--noor-text)!important}.language-loop a{color:var(--noor-primary)!important}.language-loop h1 a{color:var(--noor-primary)!important}.language-count .fas,.language-count .far{color:var(--noor-accent)!important}
.page-link{color:var(--noor-primary)!important;border:1px solid var(--noor-line)!important;background:#fff!important;border-radius:10px!important;margin:2px}.page-item.active .page-link{background:var(--noor-primary)!important;color:#fff!important;border-color:var(--noor-primary)!important}
.share a{color:var(--noor-primary)!important}.share a:hover{color:var(--noor-accent)!important}
footer{margin-top:45px;padding:30px 15px!important;background:#0b3025!important;color:rgba(255,255,255,.8)!important;border-top:4px solid rgba(201,164,92,.45)}footer a,footer a:hover{color:#e2c786!important}.powered{margin:0!important}
/* Search / utility surfaces */
input[type="search"]{border-radius:15px!important}.alert{border:0!important;border-radius:16px!important}.table{border-color:var(--noor-line)!important;background:#fff;border-radius:16px;overflow:hidden}.table thead th{background:var(--noor-surface-2);color:var(--noor-text);border:0}
/* reading focus */
.ayat:hover,.ayat2:hover{background:rgba(15,107,79,.045)!important;border-radius:16px!important}.active-ayah,.ayah-active,.playing{background:rgba(201,164,92,.12)!important;border-radius:16px!important;box-shadow:inset 4px 0 0 var(--noor-accent)}
@media(max-width:767px){.custom-nav{padding:7px 0}.custom-navbar-brand{font-size:17px!important}.custom-navbar-brand:before{width:34px;height:34px}.header-wrapper .container{padding:24px 14px}.section-content{padding:18px!important;border-radius:18px}.ayat,.ayat2{font-size:1.65rem!important;line-height:2.15!important}.card-body{padding:17px!important}.q-surah-nav{gap:8px}.q-surah-nav a{padding:10px 12px;font-size:14px}.custom-nav .nav-link{padding:9px 11px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V18 — LUMEN redesign: a completely new visual direction */
:root{
 --l-bg:#f7f5ef;--l-surface:#fffdf8;--l-surface2:#f0eee7;--l-ink:#171a2b;--l-muted:#737587;
 --l-navy:#171b3a;--l-indigo:#4f46a5;--l-violet:#7c5cff;--l-gold:#c99b4a;--l-line:rgba(23,26,43,.10);
 --l-shadow:0 20px 60px rgba(25,28,58,.10);--l-radius:26px;
}
body.quran-modern{background:radial-gradient(circle at 8% 0%,rgba(124,92,255,.08),transparent 24%),radial-gradient(circle at 95% 15%,rgba(201,155,74,.10),transparent 22%),var(--l-bg)!important;color:var(--l-ink)!important}
body.quran-modern .q-noise{opacity:.012}
.q-header{background:rgba(247,245,239,.82)!important;border-bottom:1px solid rgba(23,26,43,.07)!important;backdrop-filter:blur(24px)!important}
.q-header-inner{height:84px!important}
.q-logo-icon{background:linear-gradient(145deg,#171b3a,#4f46a5)!important;padding:9px!important;border-radius:15px!important;box-shadow:0 10px 24px rgba(79,70,165,.22)}
.q-logo-copy strong{font-family:Amiri,serif!important;font-size:23px!important;color:var(--l-navy)!important}
.q-logo-copy small{color:var(--l-gold)!important;letter-spacing:1px!important}
.q-nav a,.q-nav li a{color:#45465b!important;border-radius:14px!important;padding:11px 15px!important;font-weight:800!important}
.q-nav a:hover,.q-nav .active a{background:#ebe9ff!important;color:var(--l-indigo)!important}
.q-theme,.q-menu,.q-icon-btn,.q-quick-btn{background:rgba(255,253,248,.9)!important;border-color:var(--l-line)!important;color:var(--l-navy)!important;border-radius:14px!important}
.q-hero{margin-top:34px!important;border-radius:38px!important;background:linear-gradient(125deg,#12162f 0%,#202653 52%,#4f46a5 100%)!important;box-shadow:0 35px 90px rgba(23,27,58,.24)!important;min-height:500px!important}
.q-hero:after{opacity:.06!important;background-size:72px 72px!important}
.q-hero-copy{padding:78px 70px!important}
.q-hero h1{font-size:76px!important;line-height:.98!important}
.q-hero h1 em{color:#e7c98d!important}
.q-primary{background:linear-gradient(135deg,#e8ca8a,#c99b4a)!important;color:#15172c!important;border-radius:16px!important;padding:15px 23px!important}
.q-ghost{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;border-radius:16px!important}
.q-book{background:linear-gradient(145deg,#f3dfad,#c99b4a)!important;box-shadow:0 36px 55px rgba(0,0,0,.30)!important}
.q-moon{color:#ead193!important}
.q-quickbar{margin-bottom:52px!important}
.q-quick-card,.q-quick-btn{border-radius:20px!important;background:rgba(255,253,248,.92)!important;box-shadow:0 12px 35px rgba(23,26,43,.06)!important}
.q-quick-icon{background:#eeecff!important;color:var(--l-indigo)!important}
.q-dashboard,.q-daily,.q-v12-suite,.q-v11-panel{border-radius:30px!important}
.q-dash-card,.q-v12-tool,.q-v11-card{background:rgba(255,253,248,.92)!important;border-color:var(--l-line)!important;border-radius:22px!important;box-shadow:0 12px 38px rgba(23,26,43,.06)!important}
.q-dash-card:hover,.q-v12-tool:hover,.q-v11-card:hover{transform:translateY(-3px);box-shadow:var(--l-shadow)!important}
.q-dash-icon,.q-v12-tool-icon,.q-v11-card-icon{background:#eeecff!important;color:var(--l-indigo)!important}
.q-dash-progress i,.q-daily-meter i,.q-reading-progress i{background:linear-gradient(90deg,var(--l-indigo),var(--l-violet))!important}
.q-page-head h2,.q-dash-head h2,.q-v12-head h2,.q-v11-head h2{font-family:Amiri,serif!important;color:var(--l-navy)!important}
.q-content{background:rgba(255,253,248,.96)!important;border:1px solid var(--l-line)!important;border-radius:30px!important;box-shadow:var(--l-shadow)!important}
.q-content .card,.card,.card-custom,.block,.books-languages,.language-loop,.share,.ayat4tafseersearch{background:#fffdf8!important;border-color:var(--l-line)!important;border-radius:22px!important;box-shadow:0 10px 32px rgba(23,26,43,.055)!important}
.q-content .card:hover{box-shadow:0 18px 45px rgba(23,26,43,.10)!important}
.q-content .btn,.btn{border-radius:13px!important}
.q-content .btn-primary,.q-content .btn-success,.btn-primary,.btn-success{background:linear-gradient(135deg,var(--l-indigo),#6d5de7)!important}
.q-surah-title-card{background:linear-gradient(135deg,#171b3a,#34366b)!important;border-radius:28px!important;box-shadow:0 25px 55px rgba(23,27,58,.18)!important}
.q-surah-title-card h1{font-family:Amiri,serif!important}
.q-surah-controls{background:rgba(255,253,248,.92)!important;border-color:var(--l-line)!important;border-radius:22px!important}
.q-reader-picker{background:#eeecff!important;border:1px solid rgba(79,70,165,.12)!important;border-radius:18px!important;padding:12px 14px!important}
.q-reader-picker label{color:var(--l-navy)!important;font-size:11px!important}
.q-reader-picker select{background:#fffdf8!important;border-color:rgba(79,70,165,.16)!important;color:var(--l-navy)!important}
.q-ayah-card{background:#fffdf8!important;border:1px solid var(--l-line)!important;border-radius:24px!important;box-shadow:0 10px 30px rgba(23,26,43,.045)!important}
.q-ayah-card.q-active{background:linear-gradient(145deg,#fffaf0,#fffdf8)!important;border-color:#d7b46c!important}
.q-ayah-badge{background:#eeecff!important;color:var(--l-indigo)!important}
.q-ayah-play{background:linear-gradient(135deg,var(--l-indigo),#6d5de7)!important;color:#fff!important;border:0!important}
.q-ayah-bookmark,.q-ayah-copy,.q-ayah-share,.q-ayah-link{background:#f2f0fb!important;color:var(--l-navy)!important;border-color:transparent!important}
.q-ayah-arabic{color:#23263a!important}
.q-player{background:rgba(23,27,58,.97)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:0 30px 90px rgba(11,13,30,.35)!important}
.q-player-controls button{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important}
.q-player-controls #q-play-pause{background:linear-gradient(135deg,#d8b16b,#c99b4a)!important;color:#171b3a!important}
.q-player-controls select{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important}
.q-footer{background:linear-gradient(145deg,#10142c,#171b3a)!important;border-top:1px solid rgba(201,155,74,.35)!important}
.custom-nav{display:none!important}.header-wrapper{display:none!important}
body.q-dark{--l-bg:#0b0d19;--l-surface:#111427;--l-surface2:#181b31;--l-ink:#eef0fa;--l-muted:#a5a8bc;--l-line:rgba(255,255,255,.10);background:radial-gradient(circle at 10% 0%,rgba(124,92,255,.14),transparent 28%),#0b0d19!important}
body.q-dark .q-header{background:rgba(11,13,25,.82)!important}body.q-dark .q-logo-copy strong{color:#fff!important}body.q-dark .q-nav a,body.q-dark .q-nav li a{color:#d9dcef!important}
body.q-dark .q-quick-card,body.q-dark .q-quick-btn,body.q-dark .q-dash-card,body.q-dark .q-v12-tool,body.q-dark .q-v11-card,body.q-dark .q-content,body.q-dark .q-ayah-card,body.q-dark .q-content .card{background:#111427!important;color:#eef0fa!important;border-color:var(--l-line)!important}
body.q-dark .q-reader-picker{background:#181b31!important}body.q-dark .q-reader-picker select{background:#111427!important;color:#eef0fa!important}
body.q-dark .q-page-head h2,body.q-dark .q-dash-head h2,body.q-dark .q-v12-head h2,body.q-dark .q-v11-head h2,body.q-dark .q-ayah-arabic{color:#eef0fa!important}
@media(max-width:900px){.q-hero{grid-template-columns:1fr!important}.q-hero-visual{display:none!important}.q-hero-copy{padding:58px 34px!important}.q-hero h1{font-size:58px!important}.q-quickbar{grid-template-columns:1fr 1fr!important}.q-quick-card{grid-column:1/-1}}
@media(max-width:600px){.q-hero{border-radius:25px!important;min-height:420px!important}.q-hero-copy{padding:44px 24px!important}.q-hero h1{font-size:47px!important}.q-page-head h2{font-size:28px!important}.q-content{border-radius:22px!important;padding:15px!important}.q-quickbar{grid-template-columns:1fr!important}.q-quick-card{grid-column:auto}.q-header-inner{height:70px!important}}

/* V21 — clean header: no navigation menu */
.q-header .q-nav,
.q-header .q-menu,
.custom-nav,
.header-wrapper nav,
.navbar,
.navbar-nav { display:none !important; }
.q-header-inner { justify-content:space-between !important; }

/* Reader selector */
.q-reader-picker { min-width:240px; }
.q-reader-picker select { cursor:pointer; }