/* نور v28.4 — NOOR ROYAL EMERALD 5.0 — الصفحة الرئيسية فقط (الوضع الداكن) */
body.dark{
 --noor-bg-primary:#04120F;--noor-bg-deep:#061B16;--noor-bg-secondary:#0B241D;--noor-card:#102B23;--noor-border:#285044;
 --noor-gold:#D6B76B;--noor-gold-light:#F5D889;--noor-emerald:#16A37C;--noor-text:#F5F3EA;--noor-text-muted:#B1C3BA;
 --noor-radius:24px;--noor-glass:rgba(16,43,35,.62);--noor-glass-line:rgba(22,163,124,.24);
}

/* ===== الخلفية الحية (طبقات خلف المحتوى) ===== */
#royalBg{position:fixed;inset:0;z-index:0;pointer-events:none;display:none;overflow:hidden;contain:strict;--sy:0}
body.dark.on-home #royalBg{display:block}
body.dark.on-home{background:var(--noor-bg-primary)}
body.dark.on-home .app{position:relative;z-index:1}
body.dark.on-home .topbar{background:rgba(4,18,15,.7);border-bottom-color:rgba(214,183,107,.16)}
.rb-base{position:absolute;inset:0;background:
 radial-gradient(120% 70% at 50% -10%,#0B241D 0,transparent 60%),
 linear-gradient(180deg,#04120F 0%,#061B16 42%,#0B241D 78%,#061B16 100%)}
.rb-halo{position:absolute;border-radius:50%;will-change:transform,opacity;transform:translate3d(0,0,0)}
.rb-halo.h1{left:50%;top:-22vh;width:130vw;max-width:900px;height:62vh;margin-left:min(-65vw,-450px);background:radial-gradient(closest-side,rgba(22,163,124,.34),rgba(22,163,124,.1) 55%,transparent 100%);animation:rbBreath 16s ease-in-out infinite}
.rb-halo.h2{right:-30vw;top:38vh;width:90vw;height:60vh;background:radial-gradient(closest-side,rgba(214,183,107,.13),rgba(214,183,107,.04) 60%,transparent 100%);animation:rbDrift 19s ease-in-out infinite}
.rb-halo.h3{left:-25vw;bottom:-26vh;width:120vw;height:56vh;background:radial-gradient(closest-side,rgba(8,64,48,.7),rgba(8,64,48,.2) 60%,transparent 100%);animation:rbBreath 20s ease-in-out -6s infinite}
@keyframes rbBreath{0%,100%{opacity:.78;transform:translate3d(0,0,0) scale(1)}50%{opacity:1;transform:translate3d(0,10px,0) scale(1.06)}}
@keyframes rbDrift{0%,100%{opacity:.8;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-5vw,4vh,0)}}

/* الزخارف: شفافية 3–6٪ وتتلاشى حوافها */
.rb-orn{position:absolute;will-change:transform}
.rb-orn svg{display:block;width:100%;height:100%}
.o-tr{top:-70px;right:-110px;width:min(92vw,400px);aspect-ratio:1;opacity:.06;-webkit-mask-image:radial-gradient(circle at 32% 68%,#000 25%,transparent 72%);mask-image:radial-gradient(circle at 32% 68%,#000 25%,transparent 72%);color:var(--noor-gold);transform:translate3d(0,calc(var(--sy)*-.07px),0)}
.o-bl{bottom:-120px;left:-130px;width:min(96vw,420px);aspect-ratio:1;opacity:.05;-webkit-mask-image:radial-gradient(circle at 68% 32%,#000 25%,transparent 72%);mask-image:radial-gradient(circle at 68% 32%,#000 25%,transparent 72%);transform:translate3d(0,calc(var(--sy)*-.12px),0)}
.o-e1{left:0;top:30vh;width:34px;height:150px;opacity:.045;transform:translate3d(0,calc(var(--sy)*-.1px),0)}
.o-e2{right:0;top:62vh;width:34px;height:150px;opacity:.045;transform:translate3d(0,calc(var(--sy)*-.16px),0)}
.rb-mist{position:absolute;left:-20%;right:-20%;bottom:8vh;height:34vh;background:radial-gradient(60% 50% at 50% 60%,rgba(22,163,124,.08),transparent 70%);opacity:0;will-change:transform,opacity}
.rb-parts{position:absolute;inset:0;display:none}
.rb-parts b{position:absolute;display:block;transform:translate3d(0,calc(var(--sy)*var(--k)*-1px),0);will-change:transform}
.rb-parts i{display:block;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,#F5D889,rgba(214,183,107,.4) 55%,transparent 72%);opacity:0;animation:rbRise var(--du) ease-in-out var(--dl) infinite}
@keyframes rbRise{0%{opacity:0;transform:translate3d(0,0,0) scale(.6)}20%{opacity:.7}60%{opacity:.35}100%{opacity:0;transform:translate3d(6px,-130px,0) scale(1.1)}}
@keyframes rbMist{0%,100%{opacity:.5;transform:translate3d(-3%,0,0)}50%{opacity:1;transform:translate3d(3%,-8px,0)}}
@keyframes rbSpin{to{transform:rotate(360deg)}}

/* مستويات المؤثرات */
body[data-fx="eco"] .rb-halo,body[data-fx="eco"] .rb-orn{animation:none!important}
body[data-fx="eco"] .rb-halo.h2,body[data-fx="eco"] .rb-halo.h3{opacity:.8}
body[data-fx="bal"] .rb-orn{transform:none}
body[data-fx="lux"] .rb-parts{display:block}
body[data-fx="lux"] .rb-mist{animation:rbMist 18s ease-in-out infinite}
body[data-fx="lux"] .o-tr svg{animation:rbSpin 160s linear infinite}
body[data-fx="lux"] .o-bl svg{animation:rbSpin 200s linear infinite reverse}
body.fx-off #royalBg *{animation-play-state:paused!important}
body.fx-reduced #royalBg *{animation:none!important}
body.fx-reduced .rb-parts{display:none}

/* ===== الصفحة الرئيسية ===== */
body.dark .noor-home{position:relative;color:var(--noor-text)}
body.dark .noor-home .section{color:var(--noor-text);display:flex;align-items:center;gap:9px;letter-spacing:.2px}
body.dark .noor-home .section:before{content:"✦";color:var(--noor-gold);font-size:13px;text-shadow:0 0 12px rgba(214,183,107,.55)}
body.dark .noor-home .muted,body.dark .noor-home small{color:var(--noor-text-muted)}

/* بطاقات زجاجية متفاوتة الشفافية */
body.dark .noor-home .card,body.dark .noor-home .store-banner,body.dark .noor-home .quick,body.dark .noor-home .daily-card{
 position:relative;background:linear-gradient(160deg,rgba(22,58,48,.74),rgba(11,36,29,.62));
 border:1px solid var(--noor-glass-line);border-radius:var(--noor-radius);
 box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);color:var(--noor-text)}
body[data-fx="bal"].dark .noor-home .card,body[data-fx="lux"].dark .noor-home .card,
body[data-fx="bal"].dark .noor-home .store-banner,body[data-fx="lux"].dark .noor-home .store-banner,
body[data-fx="bal"].dark .noor-home .quick,body[data-fx="lux"].dark .noor-home .quick{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
body.dark .noor-home .card:after,body.dark .noor-home .store-banner:after,body.dark .noor-home .quick:after{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,216,137,.5),transparent);pointer-events:none}
body.dark .noor-home .store-banner{background:linear-gradient(160deg,rgba(60,48,16,.5),rgba(11,36,29,.62));border-color:rgba(214,183,107,.34)}
body.dark .noor-home .store-banner b{color:var(--noor-gold-light)}
body.dark .noor-home .streak-strip{background:linear-gradient(90deg,rgba(214,183,107,.2),rgba(214,183,107,.08));color:var(--noor-gold-light);border:1px solid rgba(214,183,107,.3);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}

/* بطاقة الصلاة: نفس الوظيفة والخلفية المتغيرة — حدود وظل وانعكاس فقط */
body.dark .noor-home .phero{border:1px solid rgba(214,183,107,.38)!important;border-radius:28px!important;
 box-shadow:0 20px 46px rgba(0,0,0,.45),0 0 0 1px rgba(22,163,124,.16),0 0 34px rgba(22,163,124,.12),inset 0 1px 0 rgba(255,255,255,.16)!important}
body.dark .noor-home .phero:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;
 background:linear-gradient(180deg,rgba(245,216,137,.17),transparent 20%,transparent 78%,rgba(22,163,124,.14)),linear-gradient(90deg,rgba(245,216,137,.1),transparent 14%,transparent 86%,rgba(245,216,137,.08))}

/* الوصول السريع: أحجام موحدة وتوهج عند الضغط */
body.dark .noor-home .quick-grid{gap:10px}
body.dark .noor-home .quick{min-height:98px;padding:13px 6px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
 transition:transform .15s cubic-bezier(.3,.7,.4,1),box-shadow .25s,border-color .25s;border-radius:24px}
body.dark .noor-home .quick .qicon{width:48px;height:48px;border-radius:16px;margin:0 auto 6px;box-shadow:0 8px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.28)}
body.dark .noor-home .quick .qicon .ic,body.dark .noor-home .quick .qicon svg{width:23px;height:23px;stroke-width:1.9}
body.dark .noor-home .quick small{font-size:11px;font-weight:800;color:var(--noor-text)}
body.dark .noor-home .quick:active{transform:scale(.95);border-color:rgba(245,216,137,.55);box-shadow:0 0 0 1px rgba(245,216,137,.4),0 0 26px rgba(214,183,107,.28),inset 0 1px 0 rgba(255,255,255,.1)}

/* بطاقة القرآن */
body.dark .noor-home .quran-card{overflow:hidden;padding:18px 18px 16px;background:linear-gradient(150deg,rgba(11,44,35,.95),rgba(6,27,22,.92));border-color:rgba(214,183,107,.28)}
.qc-orn{position:absolute;left:-20px;bottom:-26px;width:150px;height:150px;opacity:.07;color:var(--noor-gold);pointer-events:none}
.qc-orn svg{width:100%;height:100%}
.qc-eyebrow{display:block;color:var(--noor-gold);font-size:10.5px;font-weight:900;letter-spacing:.3px;margin-bottom:4px}
body.dark .noor-home .quran-card h3{font-size:19px;color:var(--noor-text);margin:2px 0 4px}
body.dark .noor-home .quran-card .row>b{color:var(--noor-gold-light);font-size:26px;text-shadow:0 0 16px rgba(214,183,107,.35)}
body.dark .noor-home .quran-card .progress{height:9px;border-radius:99px;background:rgba(255,255,255,.1)!important;overflow:hidden;margin:12px 0 0}
body.dark .noor-home .quran-card .progress i{background:linear-gradient(270deg,#16A37C,#D6B76B)!important;border-radius:99px;transform-origin:right center;animation:rhBar 1s cubic-bezier(.2,.8,.2,1) .25s both;box-shadow:0 0 12px rgba(214,183,107,.4)}
@keyframes rhBar{from{transform:scaleX(0)}to{transform:none}}
.qc-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:12px;border:0;border-radius:16px;font:inherit;font-weight:900;font-size:13.5px;color:#2b2004;
 background:linear-gradient(135deg,#F5D889,#D6B76B 55%,#B8913C);box-shadow:0 10px 22px rgba(184,145,60,.3),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .15s,filter .2s}
.qc-btn:active{transform:scale(.97);filter:brightness(.95)}

/* اليوم في نور: بطاقات أفقية قابلة للتمرير مع نص كامل */
body.dark .noor-home .daily-trio{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:10px -16px 0;padding:2px 16px 10px;overscroll-behavior-x:contain}
body.dark .noor-home .daily-trio::-webkit-scrollbar{display:none}
body.dark .noor-home .daily-card{flex:0 0 86%;scroll-snap-align:center;padding:15px 16px;background:linear-gradient(155deg,rgba(14,42,34,.97),rgba(8,30,24,.95));border-radius:24px;display:flex;flex-direction:column}
body.dark .noor-home .daily-card:before{background:radial-gradient(circle,rgba(214,183,107,.14),transparent 68%)}
body.dark .noor-home .daily-head{color:var(--noor-gold-light);font-size:13.5px;font-weight:900}
body.dark .noor-home .daily-head span{background:rgba(214,183,107,.14);color:var(--noor-gold-light)}
body.dark .noor-home .daily-card .ayah{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--noor-text)}
body.dark .noor-home .daily-text{color:var(--noor-text)}
.noor-home .dc-body{max-height:11em;overflow:hidden;position:relative;transition:max-height .3s ease}
.noor-home .daily-card.dc-open .dc-body{max-height:60em}
.noor-home .daily-card:not(.dc-open) .dc-body.dc-long{-webkit-mask-image:linear-gradient(#000 76%,transparent);mask-image:linear-gradient(#000 76%,transparent)}
.dc-more{align-self:flex-start;margin-top:8px;border:1px solid rgba(214,183,107,.4);background:rgba(214,183,107,.12);color:var(--noor-gold-light);border-radius:12px;padding:6px 12px;font:inherit;font-size:11px;font-weight:800}
.dc-more:active{transform:scale(.96)}

/* بطاقة NOOR GOLD */
body.dark .noor-home .gold-card{background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath d='M22 3l4 7 8-1-1 8 7 4-7 4 1 8-8-1-4 7-4-7-8 1 1-8-7-4 7-4-1-8 8 1z' fill='none' stroke='%237a5200' stroke-opacity='.16' stroke-width='.8'/%3E%3C/svg%3E"),
 linear-gradient(135deg,#8a6a1f 0%,#e8c96a 20%,#fff1b8 36%,#c79a2b 54%,#f0d27a 74%,#9a7424 100%)!important;
 border:1px solid rgba(255,241,184,.75);border-radius:28px!important;
 box-shadow:0 22px 46px rgba(0,0,0,.45),0 0 30px rgba(214,183,107,.2),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 6px rgba(122,82,0,.35)!important}
body.dark .noor-home .gold-card:before{animation:goldshine 4.2s ease-in-out .5s 2 both}
body.dark .noor-home .gold-card.member{box-shadow:0 22px 46px rgba(0,0,0,.45),0 0 0 2px rgba(22,163,124,.55),0 0 36px rgba(214,183,107,.3),inset 0 1px 0 rgba(255,255,255,.7)!important}
body.dark .noor-home .gold-card.member .gold-bot span:first-child{font-weight:900;letter-spacing:.8px;background:rgba(16,43,35,.78);color:var(--noor-gold-light);padding:3px 10px;border-radius:99px}

/* بقية بطاقات الصفحة */
body.dark .noor-home .ramadan-countdown-card{border-color:rgba(214,183,107,.4);border-radius:var(--noor-radius);box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)}
body.dark .noor-home .gd-home,body.dark .noor-home .gd-feat{border-radius:var(--noor-radius)}

/* ظهور متتابع مرة واحدة (~600ms) */
.noor-home.rh-in>*{animation:rhIn .42s cubic-bezier(.2,.8,.2,1) both}
.noor-home.rh-in>*:nth-child(1){animation-delay:.04s}.noor-home.rh-in>*:nth-child(2){animation-delay:.09s}.noor-home.rh-in>*:nth-child(3){animation-delay:.14s}
.noor-home.rh-in>*:nth-child(4){animation-delay:.18s}.noor-home.rh-in>*:nth-child(5){animation-delay:.22s}.noor-home.rh-in>*:nth-child(6){animation-delay:.26s}
.noor-home.rh-in>*:nth-child(n+7){animation-delay:.3s}
@keyframes rhIn{from{opacity:0;transform:translate3d(0,14px,0) scale(.985)}to{opacity:1;transform:none}}
.rh-rip{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(245,216,137,.42),rgba(245,216,137,0) 70%);transform:scale(0);opacity:1;pointer-events:none;animation:rhRip .6s ease-out forwards}
@keyframes rhRip{to{transform:scale(1);opacity:0}}
body.dark .noor-home .quick,body.dark .noor-home .store-banner,body.dark .noor-home .card.clickable,body.dark .noor-home .ramadan-countdown-card{overflow:hidden}

/* شريط التنقل السفلي (الوضع الداكن) */
body.dark .bottom-nav{background:linear-gradient(180deg,rgba(11,36,29,.88),rgba(4,18,15,.95));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(214,183,107,.3);box-shadow:0 -12px 34px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)}
body.dark .bottom-nav button{transition:color .25s,transform .15s}
body.dark .bottom-nav button.active{color:#F5D889}
body.dark .bottom-nav button.active .nav-icon{background:rgba(22,163,124,.2);box-shadow:0 0 20px rgba(22,163,124,.38),inset 0 1px 0 rgba(255,255,255,.1)}
body.dark .bottom-nav button.active .nav-icon svg{color:#F5D889}
body.dark .bottom-nav button:active{transform:scale(.93)}

@media(max-width:360px){body.dark .noor-home .daily-card{flex-basis:90%}body.dark .noor-home .quick{min-height:92px}}
@media(prefers-reduced-motion:reduce){.noor-home.rh-in>*,.rh-rip,body.dark .noor-home .quran-card .progress i,body.dark .noor-home .gold-card:before{animation:none!important}.dc-body{transition:none}}

/* منع أي تمرير أفقي للصفحة */
.noor-home{overflow-x:clip}