*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Arial",sans-serif;color:#13243a;background:#f7f9fb;line-height:1.8}.topbar{height:76px;background:#102b43;color:#fff;display:flex;align-items:center;padding:0 4%;gap:28px;position:sticky;top:0;z-index:20;box-shadow:0 4px 20px #0002}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:#fff;text-decoration:none}.brand-mark{font-size:30px}.brand strong{font-size:28px;display:block;line-height:1}.brand small{font-size:10px;color:#dbe7ef}.topbar nav{display:flex;gap:28px}.topbar nav a{color:#fff;text-decoration:none;font-weight:bold;padding:22px 4px;border-bottom:3px solid transparent}.topbar nav a.active,.topbar nav a:hover{color:#35d69a;border-bottom-color:#35d69a}.actions{display:flex;gap:8px}.actions button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.page-hero{min-height:280px;display:flex;align-items:center;position:relative;overflow:hidden;background:#102b43}.hero-slides,.hero-shade{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.03);transition:opacity 1.6s ease,transform 8s ease}.hero-slide.active{opacity:1;transform:scale(1)}.hero-shade{background:linear-gradient(90deg,#0d2941e8 0%,#0d29418f 48%,#102b4330 100%);z-index:1}.page-hero .wrap{width:min(1100px,92%);margin:auto;color:#fff;padding:45px 0;position:relative;z-index:2}.page-hero h1{font-size:clamp(38px,6vw,60px);margin:5px 0;text-shadow:0 3px 16px #0008}.page-hero p{font-size:18px;margin:0;max-width:760px;text-shadow:0 2px 10px #0008}.breadcrumb{margin-top:15px;color:#dbe7ef}.breadcrumb a{color:#7de2bb;text-decoration:none}.photo-credit{font-size:10px;margin-top:18px;color:#eaf6f2;opacity:.85}.photo-credit a{color:#d8fff1}.card{--card-bg:#fff;--card-glow:transparent;transition:background-color 1.1s ease,box-shadow 1.1s ease,transform .25s ease}.card.color-pulse{background:var(--card-bg)!important;box-shadow:0 0 0 1px #ffffff80,0 8px 24px #102b4310,0 0 22px color-mix(in srgb,var(--card-glow) 55%,transparent)}.card.color-pulse:hover{box-shadow:0 12px 30px #102b4325,0 0 30px color-mix(in srgb,var(--card-glow) 70%,transparent)}.section{width:min(1100px,92%);margin:55px auto}.section h2{font-size:32px;margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{min-height:170px;border-radius:18px;padding:24px;text-decoration:none;color:#17304b;transition:.2s;box-shadow:0 8px 24px #102b4310}.card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #102b4325}.card b{font-size:38px}.card h3{margin:5px 0 2px;font-size:20px}.card p{margin:0;color:#52667a}.green{background:#c9f0df}.purple{background:#ded4ff}.blue{background:#c9e6ff}.gold{background:#ffe8ad}.pink{background:#ffd2de}.violet{background:#e7dcff}.food{background:#d8f3c8}.cyan{background:#c8f1ec}.content-box{background:#fff;padding:30px;border-radius:20px;box-shadow:0 6px 20px #102b4310}.content-box h3{margin-top:0;font-size:25px}.quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.quick-links a{background:#eaf7f3;color:#126b51;padding:9px 15px;border-radius:25px;text-decoration:none}.dhikr{background:#f8fbfa;border-right:5px solid #35a87b;padding:18px 20px;margin:14px 0;border-radius:12px;font-size:19px}.back{display:inline-block;margin-top:25px;background:#102b43;color:#fff;text-decoration:none;padding:10px 22px;border-radius:28px}.features{background:#e7f5f1;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5%;gap:15px}.features div{display:grid;grid-template-columns:45px 1fr;column-gap:10px;align-items:center;border-left:1px solid #aacfc5;padding:8px 18px}.features div:first-child{border:0}.features b{font-size:16px}.features small{grid-column:2;color:#61766f}footer{background:#102b43;color:#fff;text-align:center;padding:32px}footer strong{font-size:26px}footer p{margin:2px;color:#d9e6ef}@media(max-width:850px){.topbar{height:66px}.topbar nav{display:none;position:absolute;top:66px;right:0;left:0;background:#102b43;padding:15px 5%;flex-direction:column;gap:0}.topbar nav.open{display:flex}.topbar nav a{padding:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.brand strong{font-size:23px}.brand small{display:none}.page-hero{min-height:250px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:15px;min-height:150px}.card b{font-size:30px}.card h3{font-size:16px}.card p{font-size:12px}.features{grid-template-columns:1fr}.features div{border:0!important;border-bottom:1px solid #aacfc5!important}.section{margin:40px auto}}

/* Quran reader */
.quran-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.quran-choice{border:0;text-align:right;display:flex;align-items:center;gap:20px;padding:28px;border-radius:22px;cursor:pointer;box-shadow:0 10px 30px #102b4314;transition:.2s;color:#17304b}
.quran-choice:hover{transform:translateY(-4px);box-shadow:0 15px 35px #102b4322}
.quran-choice>span{font-size:52px;min-width:68px;text-align:center}.read-choice{background:#d9f3e7}.listen-choice{background:#dcecff}
.quran-choice h2{margin:0 0 5px;font-size:25px}.quran-choice p{margin:0;color:#52667a}
.quran-panel{margin-top:15px}.quran-panel-head{display:flex;align-items:center;gap:18px;margin-bottom:20px}.quran-panel-head h2{margin:0;font-size:29px}.quran-panel-head p{margin:0;color:#627487}.quran-panel-head .back{margin:0;white-space:nowrap}
.reader-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}.surah-sidebar{background:#fff;border-radius:20px;padding:18px;box-shadow:0 7px 25px #102b4310;position:sticky;top:90px}.surah-sidebar h3{margin:0 0 14px}.surah-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.surah-card{border:1px solid #e2e9ee;background:#fbfcfd;border-radius:13px;padding:9px 8px;display:flex;align-items:center;gap:8px;text-align:right;cursor:pointer;color:#17304b;min-width:0}.surah-card:hover{background:#e8f6f1;border-color:#8bcfb8}.surah-number{width:29px;height:29px;border-radius:50%;background:#e9f3ef;color:#126b51;display:grid;place-items:center;font-size:12px;flex:none}.surah-card b{display:block;font-size:14px}.surah-card small{display:block;color:#7a8996;font-size:9px;margin-top:1px}
.mushaf-area{min-width:0}.mushaf-toolbar,.mushaf-bottom{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 auto 13px}.mushaf-toolbar button,.mushaf-bottom button{border:0;background:#102b43;color:#fff;border-radius:25px;padding:9px 15px;cursor:pointer}.mushaf-toolbar label{background:#fff;border-radius:25px;padding:5px 12px;box-shadow:0 4px 15px #102b4310}.mushaf-toolbar input{width:58px;border:1px solid #d8e1e8;border-radius:9px;padding:5px;text-align:center;font-weight:bold}.mushaf-wrap{position:relative;background:#f4e7ce;border-radius:8px;box-shadow:0 12px 40px #102b4328;overflow:hidden;touch-action:pan-y;max-width:760px;margin:auto;line-height:0}.mushaf-wrap img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.mushaf-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f4e7cedd;color:#5d4b35;font-weight:bold;font-size:18px;line-height:1}.mushaf-bottom{margin-top:13px}.mushaf-bottom span{background:#fff;padding:8px 16px;border-radius:25px;color:#52667a}.audio-layout{display:grid;grid-template-columns:1fr 310px;gap:20px;align-items:start}.audio-surah-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.audio-player-box{background:#fff;border-radius:20px;padding:22px;box-shadow:0 7px 25px #102b4310;position:sticky;top:90px}.now-reading{font-size:22px;font-weight:bold;margin-bottom:15px}.audio-player-box audio{width:100%}
@media(max-width:900px){.reader-layout,.audio-layout{grid-template-columns:1fr}.surah-sidebar,.audio-player-box{position:static}.audio-surah-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.quran-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quran-choice{padding:16px;gap:10px}.quran-choice h2{font-size:17px}.quran-choice p{font-size:11px}.quran-choice>span{font-size:32px;min-width:38px}.quran-panel-head{align-items:flex-start;flex-direction:column}.quran-panel-head .back{order:2}.mushaf-toolbar{gap:6px}.mushaf-toolbar button{padding:8px 9px;font-size:12px}.mushaf-toolbar label{font-size:12px;padding:5px 7px}.audio-surah-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surah-sidebar{padding:12px}.surah-card{padding:8px 6px}}

/* Visitor dashboard */
.local-dashboard-section h2{margin-bottom:18px}.local-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.info-tile{background:#fff;border-radius:18px;padding:18px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 8px 24px #102b4310;border:1px solid #e8eef2}.info-tile>span{font-size:30px;line-height:1}.info-tile small{display:block;color:#71808c;font-size:12px}.info-tile strong{display:block;font-size:22px;margin-top:2px}.info-tile em{display:block;font-style:normal;color:#607487;font-size:11px;margin-top:2px}.weather-tile{background:#eef8ff}.prayer-dashboard{margin-top:16px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 8px 24px #102b4310}.prayer-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.prayer-head h3{margin:0;font-size:23px}.prayer-head p{margin:2px 0 0;color:#71808c;font-size:13px}.locate-btn,.notify-btn{border:0;border-radius:25px;padding:10px 16px;background:#102b43;color:#fff;cursor:pointer;font-weight:bold}.locate-btn:hover,.notify-btn:hover{background:#17415f}.prayer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.prayer-card{background:#f5faf8;border-radius:14px;padding:12px;display:flex;gap:9px;align-items:center}.prayer-card>span{font-size:24px}.prayer-card b{display:block;font-size:13px;color:#637587}.prayer-card strong{display:block;font-size:20px;color:#17304b}.prayer-empty{grid-column:1/-1;text-align:center;padding:18px;color:#71808c}.notification-box{margin-top:16px;background:linear-gradient(135deg,#e8f7f1,#eef5ff);border-radius:20px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.notification-box h3{margin:0 0 4px;font-size:20px}.notification-box p{margin:0;color:#617487;font-size:13px}.notify-btn:disabled{opacity:.8;cursor:default}
@media(max-width:850px){.local-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.prayer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.local-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.info-tile{padding:12px;gap:7px}.info-tile>span{font-size:24px}.info-tile strong{font-size:16px}.info-tile em{font-size:9px}.prayer-dashboard{padding:13px}.prayer-head{align-items:flex-start;flex-direction:column}.prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.prayer-card{padding:10px}.prayer-card strong{font-size:18px}.notification-box{align-items:flex-start;flex-direction:column}.notify-btn{width:100%}}

.calendar-converter{background:#fff;border-radius:20px;padding:20px;box-shadow:0 8px 24px #102b4310;margin-bottom:16px;border:1px solid #e8eef2}.converter-title{font-size:18px;font-weight:bold;margin-bottom:10px}.date-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;text-align:center}.date-pair div{background:#f6faf9;border-radius:15px;padding:13px}.date-pair small{display:block;color:#71808c;font-size:12px}.date-pair strong{display:block;font-size:18px;margin-top:3px}.date-pair>span{font-size:25px;color:#35a87b}.calendar-converter p{margin:10px 0 0;color:#617487;font-size:12px}.countdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.countdown-card{border-radius:20px;padding:18px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 8px 24px #102b4310;border:1px solid #e8eef2}.countdown-card>span{font-size:32px;line-height:1}.countdown-card small{display:block;color:#617487;font-size:12px}.countdown-card strong{display:block;font-size:20px;line-height:1.5;margin-top:3px}.countdown-card em{display:block;font-style:normal;color:#71808c;font-size:10px;margin-top:4px}.ramadan{background:#eef9f4}.fitr{background:#fff4f7}.adha{background:#fff8e8}.date-note{font-size:11px;color:#71808c;margin:10px 3px 0}
@media(max-width:850px){.countdown-grid{grid-template-columns:1fr}.date-pair{grid-template-columns:1fr;gap:8px}.date-pair>span{transform:rotate(90deg)}}

/* نور المسلم - القوائم الرئيسية */
.main-menus .card { min-height: 150px; }
.date-pair { display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap; text-align:center; }
.date-pair > div { min-width:220px; padding:18px; border-radius:18px; background:rgba(255,255,255,.08); }
.date-pair small { display:block; opacity:.75; margin-bottom:8px; }
.date-pair strong { display:block; font-size:1.25rem; }

/* تدوير معلومات الصفحة الرئيسية */
.daily-rotator{position:relative;min-height:310px}
.daily-panel{display:none;opacity:0;transform:translateY(8px);transition:opacity 1.8s ease,transform 1.8s ease}
.daily-panel.active{display:block;opacity:1;transform:translateY(0)}
.daily-panel.leaving{opacity:0;transform:translateY(-8px)}
.rotator-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.rotator-head>div{display:flex;align-items:center;gap:12px;min-width:0}
.rotator-icon{font-size:32px}
.rotator-head h2{margin:0;font-size:25px}
.rotator-head p{margin:3px 0 0;color:#71808c;font-size:12px}
.rotator-dots{display:flex;gap:6px;direction:ltr}
.rotator-dots i{width:8px;height:8px;border-radius:50%;background:#ccd8df;display:block;transition:.4s}
.rotator-dots i.active{width:22px;border-radius:8px;background:#35a87b}
.rotator-prayer-grid{margin-top:8px}
.rotator-countdowns{margin-top:8px}
@media(max-width:520px){.daily-rotator{min-height:390px}.rotator-head h2{font-size:19px}.rotator-icon{font-size:27px}.rotator-head>div{gap:8px}.rotator-dots i{width:6px;height:6px}.rotator-dots i.active{width:17px}.rotator-prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rotator-countdowns .countdown-card{padding:12px}.rotator-countdowns .countdown-card>span{font-size:27px}.rotator-countdowns .countdown-card strong{font-size:15px}}

/* الدردشة مع مسؤول المجموعة */
.admin-contact-section{padding-top:8px}
.admin-chat-box{display:flex;align-items:center;gap:18px}
.admin-chat-icon{font-size:42px;flex:0 0 auto}
.admin-chat-box h2{margin:0 0 6px}
.admin-chat-box p{margin:0 0 12px;color:#667784}
.admin-chat-btn{display:inline-block;background:#147a5a;color:#fff;text-decoration:none;padding:12px 18px;border-radius:14px;font-weight:700}
@media(max-width:520px){.admin-chat-box{align-items:flex-start}.admin-chat-icon{font-size:34px}}

/* نور المسلم — خلفية المساجد المتحركة */
.hero-slides{z-index:0;background:#102b43}
.hero-slide{will-change:opacity,transform;filter:saturate(.95) contrast(1.02)}
@media(max-width:520px){.page-hero{min-height:330px}.page-hero .wrap{padding:38px 0 48px}.hero-shade{background:linear-gradient(180deg,#0d2941d9 0%,#0d29418f 45%,#102b435e 100%)}}
.noor-daily-updates{margin:24px auto;padding:22px;max-width:1180px;border-radius:22px;background:linear-gradient(135deg,rgba(16,185,129,.09),rgba(59,130,246,.06));border:1px solid rgba(16,185,129,.18)}
.daily-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}.daily-head span{font-size:28px}.daily-head h2{margin:0}.daily-head small{opacity:.7}.daily-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.daily-card{background:rgba(255,255,255,.7);border-radius:16px;padding:16px;border:1px solid rgba(0,0,0,.06)}.daily-card h3{margin:7px 0}.daily-card p{line-height:1.8}.daily-card small{opacity:.65}.daily-type{font-size:12px;padding:4px 8px;border-radius:99px;background:rgba(16,185,129,.12)}

.real-content{line-height:1.9;color:#405467}.real-video-library{margin-top:24px}.real-video-library .content-box{background:#f8fbfd;border:1px solid #dfe8ee;border-radius:20px;padding:18px}.source-note{line-height:1.7}
.deep-expansion{margin-top:22px}.deep-expansion .wrap{max-width:1180px;margin:auto}.deep-head{display:flex;gap:18px;justify-content:space-between;align-items:end;margin-bottom:18px}.deep-head h2{margin:4px 0 7px;color:#17304b;font-size:27px}.deep-head p{margin:0;color:#657785;line-height:1.9;max-width:760px}.deep-kicker{font-size:12px;color:#147a5a;font-weight:800;background:#eaf6f1;padding:6px 10px;border-radius:999px}.deep-search{width:290px;max-width:100%;box-sizing:border-box;border:1px solid #d7e2e7;border-radius:14px;padding:13px 15px;font:inherit;background:#fff}.deep-search:focus{outline:none;border-color:#48ad88;box-shadow:0 0 0 3px #48ad8820}.deep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.deep-card{background:#fff;border:1px solid #e4ecef;border-radius:18px;padding:18px;box-shadow:0 7px 22px #102b430b}.deep-card:hover{transform:translateY(-2px);box-shadow:0 11px 26px #102b4313}.deep-icon{font-size:28px;margin-bottom:8px}.deep-card h3{margin:0 0 8px;color:#17304b;font-size:18px}.deep-card p{margin:0;color:#5f7180;line-height:1.9;font-size:14px}.deep-count{margin-top:14px;color:#758692;font-size:12px}@media(max-width:850px){.deep-head{display:block}.deep-search{margin-top:14px;width:100%}.deep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.deep-grid{grid-template-columns:1fr}}

.real-v4{margin-top:28px}.real-v4 .content-box{overflow:hidden}.real-v4-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.eyebrow{display:inline-block;font-size:12px;font-weight:800;color:#17815e;background:#eaf7f1;padding:6px 10px;border-radius:999px}.real-v4-head h2{margin:8px 0 5px;color:#17304b}.real-v4-head p{margin:0;color:#687b89;line-height:1.8}.real-v4-count{font-size:24px;font-weight:900;color:#147a5a;white-space:nowrap}.real-v4-search{width:100%;box-sizing:border-box;border:1px solid #d8e2e8;border-radius:14px;padding:13px 15px;font:inherit;background:#fff;margin:5px 0 16px}.real-v4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.real-v4-card{background:#fff;border:1px solid #e3e9ee;border-radius:18px;padding:17px;box-shadow:0 6px 20px #102b430b}.real-v4-card h3{margin:0 0 8px;color:#17304b}.real-v4-card p{color:#5e7180;line-height:1.9;margin:7px 0}.real-v4-source{font-size:12px;color:#728391;border-top:1px dashed #dce5e9;padding-top:9px;margin-top:10px;line-height:1.7}.recipe-card{border-top:4px solid #d4a24c}.recipe-card strong{color:#17304b}@media(max-width:900px){.real-v4-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.real-v4-head{align-items:flex-start;flex-direction:column}.real-v4-grid{grid-template-columns:1fr}.real-v4-count{font-size:20px}}

/* V6: dense real-content presentation */
.real-v6-note{padding:14px 16px;border-radius:14px;background:#f4faf7;border:1px solid #cfe9dc;margin:12px 0;color:#234b3d}
.real-v4-grid{align-items:stretch}
.real-v4-card{min-height:150px}
.no-results-message{display:none;text-align:center;padding:26px;border:1px dashed #cbd8df;border-radius:16px;background:#fafcfd;color:#64748b;margin-top:14px}
.no-results-message.show{display:block}
.recipe-card p{line-height:1.95}
.section-count-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eef7f4;color:#287158;font-size:12px}

/* ترحيب الزائر */
.visitor-welcome-overlay{position:fixed;inset:0;background:rgba(10,31,47,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:99999;opacity:0;visibility:hidden;transition:.25s}
.visitor-welcome-overlay.show{opacity:1;visibility:visible}
.visitor-welcome{position:relative;width:min(560px,100%);background:linear-gradient(145deg,#ffffff,#f1faf6);border-radius:28px;padding:38px 30px 28px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.28);border:1px solid #d7eee5}
.visitor-welcome .welcome-close{position:absolute;top:12px;left:12px;width:46px;height:46px;border:0;border-radius:50%;background:#b42318;color:#fff;font-size:25px;font-weight:900;cursor:pointer;box-shadow:0 5px 15px rgba(180,35,24,.25)}
.visitor-welcome .welcome-close:hover{background:#8f1c14;transform:scale(1.04)}
.welcome-logo{font-size:54px;margin-bottom:5px}.visitor-welcome h2{margin:0;color:#123f36;font-size:30px}.visitor-welcome .welcome-sub{color:#60766f;margin:8px 0 22px;font-size:15px}.welcome-dua{background:#e6f6ef;border-radius:18px;padding:20px;color:#174f40;font-size:20px;line-height:2;font-weight:700;margin:16px 0}.welcome-note{font-size:12px;color:#71807d;margin:10px 0 20px}.welcome-enter{border:0;background:#126b51;color:#fff;border-radius:28px;padding:13px 28px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(18,107,81,.22)}.welcome-enter:hover{background:#0e5943}.welcome-dont{display:block;margin:12px auto 0;background:transparent;border:0;color:#60766f;font-size:12px;cursor:pointer}
@media(max-width:520px){.visitor-welcome{padding:34px 18px 22px}.visitor-welcome h2{font-size:25px}.welcome-dua{font-size:17px}.welcome-logo{font-size:45px}}
body.welcome-open{overflow:hidden}
.verified-rich-section{margin-top:28px}.rich-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.rich-total{background:#eaf5f0;color:#0d7655;border-radius:999px;padding:9px 14px;white-space:nowrap}.rich-search{width:100%;box-sizing:border-box;margin:16px 0;border:1px solid #d6e0e6;border-radius:14px;padding:13px 15px;font:inherit;background:#fff}.rich-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rich-card{background:#fff;border:1px solid #e1e8ec;border-radius:18px;padding:17px;box-shadow:0 5px 18px #102b430b;position:relative}.rich-card h3{margin:0 0 9px;color:#17304b;padding-left:34px}.rich-card p{color:#5e7180;line-height:1.9;margin:7px 0}.rich-card .rich-num{position:absolute;top:14px;left:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf5f0;color:#0d7655;font-size:12px;font-weight:800}.rich-source{font-size:12px;border-top:1px solid #edf1f3;padding-top:9px}.rich-details{border:0;border-radius:12px;padding:8px 12px;background:#102b43;color:#fff;cursor:pointer;font:inherit}.rich-card.expanded{box-shadow:0 8px 24px #102b4316}.rich-card.expanded p{font-size:15px}.rich-card.expanded .rich-details{background:#0d7655}@media(max-width:900px){.rich-grid{grid-template-columns:repeat(2,minmax(0,1fr)}}@media(max-width:600px){.rich-head{align-items:flex-start;flex-direction:column}.rich-grid{grid-template-columns:1fr}}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;background:#0d7655;color:#fff;text-decoration:none;margin:4px}.btn:hover{opacity:.9}
.daily-card{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.daily-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,43,67,.10)}.daily-more{display:block;margin-top:12px;color:#147a5a;font-size:13px}.daily-card h3{color:#17304b}

.islamic-date-box{background:#fff;border:1px solid #e3ebef;border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 8px 24px #102b4310;text-align:center}.islamic-date-title{font-size:17px;font-weight:800;color:#17304b;margin-bottom:10px}.islamic-date-line{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.islamic-date-line strong{display:inline-block;background:#f6faf9;border-radius:14px;padding:10px 16px;font-size:18px;line-height:1.6}.date-divider{font-size:13px;color:#087653;font-weight:800}.islamic-date-box p{margin:10px 0 0;color:#617487;font-size:12px}@media(max-width:600px){.islamic-date-line{gap:8px}.islamic-date-line strong{font-size:15px;padding:8px 11px}}
.noor-menu-panel{position:fixed;top:82px;right:18px;z-index:80;display:none;min-width:250px;max-width:min(420px,calc(100vw - 36px));padding:10px;background:#102b43;border:1px solid #2e536d;border-radius:16px;box-shadow:0 18px 40px #0004}
.noor-menu-panel.open{display:flex;flex-direction:column;gap:2px}
.noor-menu-panel a{display:block;padding:11px 14px;color:#fff;text-decoration:none;border-radius:10px;font-weight:700}
.noor-menu-panel a:hover,.noor-menu-panel a:focus{background:#1c4560;color:#7de2bb;outline:none}
@media(max-width:850px){.noor-menu-panel{top:72px;right:10px;left:10px;max-width:none}}

.noor-menu-panel{max-height:calc(100vh - 90px);overflow:auto}.noor-menu-open{overflow:hidden}

.video-wrap{position:relative}.video-fallback{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:7px;background:#102b43dd;color:#fff;padding:7px 10px;border-radius:10px;font-size:12px}.video-fallback a{color:#fff;text-decoration:none;font-weight:700}.video-fallback span{font-size:16px}

.header-search-button{display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:24px;line-height:1;padding:0 5px;border-radius:10px;transition:background .2s,color .2s}.header-search-button:hover,.header-search-button:focus{color:#7de2bb;background:#1c4560;outline:none}.active-search{color:#7de2bb}
@media(max-width:850px){.header-search-button{font-size:23px;padding:5px}.actions{align-items:center}.topbar nav.open{display:flex}}

.reader-search-link{display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;background:#ffffff18;border-radius:20px;padding:6px 10px;font-size:17px;line-height:1}.reader-search-link:hover,.reader-search-link:focus{background:#ffffff30;color:#7de2bb;outline:none}


/* إخفاء حقول البحث القديمة حتى يكون البحث العام هو البحث الوحيد الظاهر */
.real-search,.mega-search,.expand-search,.deep-search,.deep-v4-search input,.real-v4-search,.rich-search,.fatwa-search,.reader-search,.az-tools input,.dua-tools input,.adh-tools input{display:none!important}
.reader-search-link{display:none!important}


.search-page .bar{display:none!important}
.search-page .notice{margin-top:14px}


/* بطاقات رئيسية بصور إسلامية محلية */
.main-menus .card,
.section .cards > .card{
  position:relative;
  overflow:hidden;
  background-color:#fff;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  isolation:isolate;
}
.main-menus .card::before,
.section .cards > .card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.64));
}
.main-menus .card > *,
.section .cards > .card > *{position:relative;z-index:1}
.main-menus .card b,
.section .cards > .card b{filter:drop-shadow(0 3px 5px rgba(0,0,0,.18))}
.main-menus .card h3,
.section .cards > .card h3{color:#17304b;text-shadow:0 1px 0 rgba(255,255,255,.95)}
.main-menus .card p,
.section .cards > .card p{color:#3e5364;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.card[href="prayer-times.html"]{background-image:url('assets/card-prayer.svg')!important}
.card[href="islamic-calendar.html"]{background-image:url('assets/card-calendar.svg')!important}
.card[href="countdowns.html"]{background-image:url('assets/card-evening.svg')!important}
.card[href="notifications.html"]{background-image:url('assets/card-calendar.svg')!important}
.card[href="azkar.html"],.card[href="adhkar-encyclopedia.html"]{background-image:url('assets/card-adhkar.svg')!important}
.card[href="quran.html#readerPanel"],.card[href="quran.html#audioPanel"]{background-image:url('assets/card-quran.svg')!important}
.card[href="duas.html"]{background-image:url('assets/card-duas.svg')!important}
.card[href="morning.html"]{background-image:url('assets/card-morning.svg')!important}
.card[href="evening.html"]{background-image:url('assets/card-evening.svg')!important}
.card[href="books.html"]{background-image:url('assets/card-books.svg')!important}
.card[href="fatwas.html"]{background-image:url('assets/card-fatwa.svg')!important}
.card[href="quran-sciences.html"]{background-image:url('assets/card-sciences.svg')!important}
.card[href="islamic-pillars.html"]{background-image:url('assets/card-pillars.svg')!important}
.card[href="aqeedah-pillars.html"]{background-image:url('assets/card-aqeedah.svg')!important}
.card[href="faraid-encyclopedia.html"]{background-image:url('assets/card-faraid.svg')!important}
.card[href="live.html"]{background-image:url('assets/card-live.svg')!important}
.card[href="kids.html"]{background-image:url('assets/card-children.svg')!important}
.card[href="videos-sermons.html"]{background-image:url('assets/card-live.svg')!important}

.content-box,.info-tile,.prayer-dashboard,.countdown-card,.audio-player-box,.surah-sidebar,.search-result-card{
  background-image:linear-gradient(rgba(255,255,255,.93),rgba(255,255,255,.86)),url('assets/islamic-pattern.svg');
  background-size:auto,220px;
  background-position:center;
}

/* صور المساجد داخل المربعات الرئيسية */
.main-menus .card{position:relative;overflow:hidden;isolation:isolate;background-image:var(--card-image);background-size:cover;background-position:center;background-repeat:no-repeat;color:#17304b;border:1px solid #d9e3df;box-shadow:0 12px 28px rgba(16,43,67,.10)}
.main-menus .card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.72) 52%,rgba(255,255,255,.94) 100%)}
.main-menus .card>*{position:relative;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.72)}
.main-menus .card b{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.80);backdrop-filter:blur(4px);box-shadow:0 5px 14px rgba(16,43,67,.13)}
.main-menus .card:hover{transform:translateY(-3px)}
.main-menus .card:nth-child(5n+1){--card-image:url('assets/mosques/mosque-01.jpg')}
.main-menus .card:nth-child(5n+2){--card-image:url('assets/mosques/mosque-02.jpg')}
.main-menus .card:nth-child(5n+3){--card-image:url('assets/mosques/mosque-03.jpg')}
.main-menus .card:nth-child(5n+4){--card-image:url('assets/mosques/mosque-04.jpg')}
.main-menus .card:nth-child(5n+5){--card-image:url('assets/mosques/mosque-05.jpg')}

/* V4 accessibility and responsive polish */
:focus-visible{outline:3px solid #2b9d79;outline-offset:3px}
button,a,input,select,textarea{touch-action:manipulation}
@media(max-width:700px){
  .wrap{width:min(100% - 20px,1180px)}
  .content-box,.panel,.section-box{overflow-wrap:anywhere}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .actions{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reader-title{margin:0}

/* V5 unified search */
.noor-search-modal{position:fixed;inset:0;background:#071521aa;z-index:120;display:none;align-items:flex-start;justify-content:center;padding:7vh 16px;backdrop-filter:blur(3px)}
.noor-search-modal.open{display:flex}
.noor-search-dialog{width:min(900px,100%);max-height:86vh;overflow:auto;background:#f7faf9;border:1px solid #d9e7e2;border-radius:24px;box-shadow:0 24px 70px #0006;padding:20px}
.noor-search-head{display:flex;gap:10px;align-items:center;position:sticky;top:-20px;background:#f7faf9;padding:0 0 14px;z-index:2}
.noor-search-input{flex:1;min-width:0;border:1px solid #ccdcd7;border-radius:14px;padding:14px 16px;font:inherit;font-size:16px;background:#fff;outline:none}
.noor-search-input:focus{border-color:#35a87b;box-shadow:0 0 0 3px #35a87b20}
.noor-search-close{width:48px;height:48px;border:0;border-radius:14px;background:#102b43;color:#fff;font-size:22px;cursor:pointer}
.noor-search-status{color:#627784;font-size:13px;margin:4px 2px 12px}
.noor-search-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.noor-search-filter{border:1px solid #d6e4df;background:#fff;color:#315064;border-radius:999px;padding:7px 11px;cursor:pointer;font:inherit;font-size:12px}
.noor-search-filter.active{background:#147a5a;color:#fff;border-color:#147a5a}
.noor-search-results{display:grid;gap:9px}
.noor-search-result{display:block;background:#fff;border:1px solid #e0e9e6;border-radius:15px;padding:14px;color:#203746;text-decoration:none}
.noor-search-result:hover,.noor-search-result:focus{border-color:#56aa8a;box-shadow:0 5px 18px #102b4310;outline:none}
.noor-search-result strong{color:#126b51}.noor-search-result p{margin:5px 0;color:#617487;line-height:1.8;font-size:13px}.noor-search-result small{color:#89959c}
.noor-search-empty{background:#fff;border:1px dashed #cbdcd6;border-radius:15px;padding:22px;text-align:center;color:#657781}
@media(max-width:600px){.noor-search-modal{padding:16px 10px}.noor-search-dialog{max-height:94vh;border-radius:18px;padding:14px}.noor-search-head{top:-14px}.noor-search-input{padding:12px}.noor-search-close{width:44px;height:44px}}

/* V6 — المساحة الشخصية والورد اليومي */
.v6-space{position:relative;z-index:35;font-family:inherit}
.v6-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px auto 0;width:min(1180px,calc(100% - 28px));padding:11px 14px;background:#f5faf8;border:1px solid #d7e7e1;border-radius:16px;box-shadow:0 8px 22px rgba(16,43,67,.06)}
.v6-bar>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}.v6-bar strong{color:#17304b}.v6-progress-text{color:#6a7b85;font-size:12px}.v6-bar-actions{display:flex;align-items:center;gap:7px}.v6-bar button{border:0;cursor:pointer;font:inherit;font-size:12px;border-radius:10px;padding:8px 11px}.v6-open{background:#147a5a;color:#fff;font-weight:800}.v6-save-page{background:#fff;color:#126b51;border:1px solid #cfe0da!important}.v6-save-page.saved{background:#edf9f3;color:#0d7a57}.v6-drawer{position:fixed;inset:0;background:#071521aa;backdrop-filter:blur(3px);display:block;padding:5vh 14px;overflow:auto;z-index:140}.v6-drawer[hidden]{display:none}.v6-drawer>div{width:min(980px,100%);margin:0 auto}.v6-drawer-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;background:#f7faf9;border:1px solid #d9e7e2;border-radius:20px 20px 0 0;padding:20px}.v6-drawer-head h2{margin:0;color:#17304b}.v6-drawer-head p{margin:5px 0 0;color:#677984;font-size:13px}.v6-close{width:44px;height:44px;border:0;border-radius:12px;background:#102b43;color:#fff;font-size:22px;cursor:pointer}.v6-progress,.v6-columns>div{background:#fff;border:1px solid #dfe9e6;padding:18px}.v6-progress{border-top:0;border-radius:0}.v6-progress-head{display:flex;justify-content:space-between;color:#17304b;margin-bottom:8px}.v6-progress-head span{font-size:12px;color:#6d7e88}.v6-progress-track{height:9px;background:#e7efec;border-radius:999px;overflow:hidden}.v6-progress-track i{display:block;height:100%;width:0;background:#2b9d79;border-radius:999px;transition:width .25s ease}.v6-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.v6-task{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e2eae8;border-radius:13px;background:#fbfdfc}.v6-task.done{background:#f1fbf7;border-color:#bfe1d4}.v6-task a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#17304b;font-weight:700;min-width:0}.v6-task-icon{font-size:20px}.v6-task button{border:0;background:#eef4f2;color:#315064;border-radius:9px;padding:7px 9px;cursor:pointer;font:inherit;font-size:11px;white-space:nowrap}.v6-task.done button{background:#d9f1e7;color:#0d7a57}.v6-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.v6-columns>div:first-child{border-radius:0 0 0 18px}.v6-columns>div:last-child{border-radius:0 0 18px 0}.v6-columns h3{margin:0 0 10px;color:#17304b}.v6-list-item{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;margin-top:6px;background:#f7faf9;border:1px solid #e5ecea;border-radius:10px;text-decoration:none;color:#315064;font-size:12px}.v6-list-item:hover,.v6-list-item:focus{border-color:#63ae93;outline:none}.v6-empty{padding:16px;text-align:center;color:#71818b;background:#f8fbfa;border:1px dashed #cfddd8;border-radius:10px;font-size:12px}.v6-home-card{margin:16px 0;padding:18px;border:1px solid #d8e8e2;border-radius:20px;background:linear-gradient(135deg,#f7fcfa,#edf7f3);box-shadow:0 10px 28px rgba(16,43,67,.06)}.v6-home-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.v6-home-title>div{display:flex;align-items:center;gap:10px}.v6-home-title>div>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;font-size:22px}.v6-home-title h2{margin:0;color:#17304b;font-size:18px}.v6-home-title p{margin:3px 0 0;color:#6a7c85;font-size:12px}.v6-home-grid{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:15px}.v6-home-progress{display:block;margin-bottom:7px;color:#315064;font-size:12px}.v6-home-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.v6-home-links a{padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #dce9e5;text-decoration:none;color:#126b51;font-size:12px;font-weight:700}
@media(max-width:700px){.v6-bar{width:min(100% - 18px,1180px);padding:9px 10px}.v6-bar-actions{gap:5px}.v6-save-page{font-size:0!important}.v6-save-page::after{content:'☆';font-size:18px}.v6-save-page.saved::after{content:'★'}.v6-open{padding:8px 10px!important}.v6-tasks,.v6-columns{grid-template-columns:1fr}.v6-columns>div:first-child,.v6-columns>div:last-child{border-radius:0}.v6-home-grid{grid-template-columns:1fr}.v6-home-links{justify-content:flex-start}.v6-drawer{padding:10px}.v6-drawer-head{padding:15px}.v6-progress,.v6-columns>div{padding:14px}}
@media(prefers-reduced-motion:reduce){.v6-progress-track i{transition:none!important}}
body.v6-open{overflow:hidden}

/* V15 prayer experience */
.p15-tools,.p15-settings,.p15-manual-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:14px 0}.p15-settings{padding:14px;background:#f7faf9;border:1px solid #e4ece9;border-radius:16px}.p15-settings label,.p15-manual label{display:grid;gap:6px;color:#526575;font-weight:700;font-size:13px;min-width:190px}.p15-settings select,.p15-manual input{border:1px solid #d7e1e5;border-radius:10px;padding:10px;background:#fff;font:inherit}.p15-manual{margin:12px 0;padding:14px;background:#fbfcfc;border:1px dashed #cbd9d5;border-radius:16px}.p15-status{margin:10px 0;color:#617487;min-height:24px}.p15-next{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;margin:14px 0;padding:15px 18px;border-radius:16px;background:#102b43;color:#fff}.p15-next span{opacity:.8}.p15-next strong{font-size:18px}.p15-next b{font-variant-numeric:tabular-nums;font-size:20px}.p15-qibla{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:16px;border:1px solid #e3ebe8;border-radius:18px;background:#fff}.p15-qibla>div:first-child{display:grid;gap:7px}.p15-qibla span{color:#617487}.qibla-dial{width:86px;height:86px;border:2px solid #d7e3df;border-radius:50%;display:grid;place-items:center;position:relative;transform:rotate(var(--qibla,0deg));background:linear-gradient(#fff,#f4faf7)}.qibla-dial:before{content:'';position:absolute;top:8px;width:3px;height:30px;border-radius:4px;background:#147a5a}.qibla-dial span{transform:rotate(calc(-1 * var(--qibla,0deg)));font-size:24px}@media(max-width:600px){.p15-next{grid-template-columns:1fr;text-align:center}.p15-qibla{align-items:center}.p15-settings label,.p15-manual label{min-width:100%;width:100%}.p15-tools>*{width:100%}}
