/* حيّ على الصلاة — الواجهة العامة | بدون JavaScript | خط مستضاف محليًا */
@font-face{font-family:Tajawal;font-weight:400;font-style:normal;font-display:swap;src:url(tajawal-Regular.woff2) format("woff2")}
@font-face{font-family:Tajawal;font-weight:700;font-style:normal;font-display:swap;src:url(tajawal-Bold.woff2) format("woff2")}

:root{
  --g950:#082a20;--g900:#0b3d2e;--g800:#0d4b38;--g700:#0f5c43;--g600:#147a58;--g500:#1b8a63;--g100:#e3f1ea;--g50:#f0f7f3;
  --gold:#c9a24b;--gold-d:#a8832f;--gold-l:#f3e7c6;
  --bg:#f7f5ef;--card:#fff;--ink:#17231d;--ink2:#46564d;--ink3:#6e7d74;--line:#e2e6df;
  --r:14px;--sh:0 1px 2px rgba(11,61,46,.06),0 4px 14px rgba(11,61,46,.06);--sh2:0 2px 4px rgba(11,61,46,.08),0 12px 28px rgba(11,61,46,.12);
  --font:Tajawal,"Segoe UI",Tahoma,"Noto Naskh Arabic",Arial,sans-serif;
  --pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1'%3E%3Cpath d='M36 6l8.5 14.2L61 22.4 49.6 34.6 52 51 36 43.8 20 51l2.4-16.4L11 22.4l16.5-2.2z'/%3E%3Ccircle cx='36' cy='36' r='30'/%3E%3C/g%3E%3C/svg%3E");
}
@media(prefers-color-scheme:dark){
  :root{--bg:#0c1511;--card:#13201a;--ink:#e8efe9;--ink2:#b3c2b9;--ink3:#8a9b91;--line:#233229;--g100:#173226;--g50:#10211a;--sh:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.25);--sh2:0 2px 4px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.4);--gold-l:#3a3015}
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.85;font-size:17px;text-rendering:optimizeSpeed}
a{color:var(--g600);text-underline-offset:3px}
@media(prefers-color-scheme:dark){a{color:#6fd1a6}}
img,video{max-width:100%;height:auto}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.skip{position:absolute;right:12px;top:-60px;background:var(--gold);color:#000;padding:8px 14px;border-radius:8px;z-index:20;text-decoration:none}.skip:focus{top:8px}

/* ---------- الترويسة ---------- */
.top{background:var(--g900);color:#fff;position:sticky;top:0;z-index:10;border-bottom:3px solid var(--gold);box-shadow:0 2px 12px rgba(0,0,0,.18)}
.hd{display:flex;align-items:center;gap:16px;padding:10px 18px}
.logo{display:flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:21px;text-decoration:none;white-space:nowrap}
.logo i{font-style:normal;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-d));font-size:19px}
.mn{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mn::-webkit-scrollbar{display:none}
.mn a{color:#cfe8da;text-decoration:none;padding:6px 13px;border-radius:9px;font-size:15.5px;white-space:nowrap;transition:background .15s,color .15s}
.mn a:hover{background:rgba(255,255,255,.1);color:#fff}
.mn a.on{background:var(--gold);color:#241a02;font-weight:700}
.sf{display:flex;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.16)}
.sf input{padding:7px 12px;border:0;background:transparent;color:#fff;font:inherit;font-size:15px;width:160px;min-width:0}
.sf input::placeholder{color:#b5d3c3}
.sf button{border:0;background:var(--gold);color:#241a02;font:inherit;font-weight:700;font-size:14.5px;padding:0 15px;cursor:pointer}
.sf button:hover{background:#d8b45f}

/* ---------- المحتوى العام ---------- */
.lay{display:grid;grid-template-columns:272px minmax(0,1fr);gap:30px;padding:30px 18px 60px;align-items:start;min-height:62vh}
.lay.nosd{grid-template-columns:minmax(0,1fr)}
/* ---------- القائمة الجانبية ---------- */
.side{position:sticky;top:86px;align-self:start}
.sbt{position:absolute;opacity:0;pointer-events:none}.sbl{display:none}
.sbb{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:14px 10px 12px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin}
.sbh{display:flex;justify-content:space-between;align-items:center;padding:0 10px 10px;margin-bottom:6px;border-bottom:2px solid var(--gold)}
.sbh b{font-size:18px;color:var(--g800)}.sbh a{font-size:13.5px;text-decoration:none}.sbh a:hover{text-decoration:underline}
@media(prefers-color-scheme:dark){.sbh b{color:#d7efe2}}
.side ul{list-style:none;margin:0;padding:0}.side ul ul{margin:2px 14px 4px 0;padding-right:10px;border-right:2px solid var(--line)}
.side li>a,.side summary a{flex:1;min-width:0;text-decoration:none;color:var(--ink);padding:5px 10px;border-radius:9px;font-size:15.5px;line-height:1.6}
.side li.lf{display:flex;align-items:center;gap:6px}
.side summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;border-radius:9px;font-weight:700}
.side summary::-webkit-details-marker{display:none}
.side summary::before{content:"◂";color:var(--gold-d);font-size:13px;width:14px;text-align:center;transition:transform .15s;flex:none}
.side details[open]>summary::before{transform:rotate(-90deg)}
.side li>a:hover,.side summary:hover a{background:var(--g50);color:var(--g700)}
.side a.on{background:var(--g700);color:#fff!important;font-weight:700}
.side em{font-style:normal;font-size:12px;color:var(--ink3);background:var(--g100);border-radius:20px;padding:0 8px;flex:none}
.side li.lf::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);margin:0 4px 0 5px;flex:none}
h1{font-size:30px;margin:6px 0 14px;line-height:1.5;color:var(--g800)}
@media(prefers-color-scheme:dark){h1{color:#d7efe2}}
h2{font-size:22px;margin:38px 0 16px;display:flex;align-items:center;gap:10px;line-height:1.5}
h2::before{content:"";width:6px;height:24px;border-radius:3px;background:linear-gradient(var(--gold),var(--gold-d));flex:none}
.crumbs{font-size:14px;color:var(--ink3);margin-bottom:8px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.more{margin:14px 0 0;text-align:left}.more a{font-weight:700;text-decoration:none}.more a:hover{text-decoration:underline}
.empty{color:var(--ink3);padding:26px 0;text-align:center}

/* ---------- البطل (الرئيسية) ---------- */
.hero{position:relative;overflow:hidden;border-radius:22px;padding:44px 32px 36px;margin:0 0 8px;color:#fff;text-align:center;
  background:var(--pat),radial-gradient(120% 140% at 80% 0%,var(--g600),var(--g900) 55%,var(--g950))}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.hero h1{color:#fff;font-size:38px;margin:0 0 10px}
.hero p{margin:0 auto;max-width:640px;color:#d3ebdf;font-size:18.5px}
.hero .sf2{display:flex;max-width:560px;margin:24px auto 0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.sf2 input{flex:1;min-width:0;border:0;padding:14px 18px;font:inherit;font-size:17px;color:#17231d;background:#fff}
.sf2 button{border:0;background:var(--gold);color:#241a02;font:inherit;font-weight:700;font-size:16.5px;padding:0 26px;cursor:pointer}.sf2 button:hover{background:#d8b45f}
.quick{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
.quick a{display:inline-flex;align-items:center;gap:7px;padding:7px 18px;border-radius:30px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:15.5px;transition:background .15s}
.quick a:hover{background:rgba(255,255,255,.22)}

/* ---------- البطاقات ---------- */
.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.c1 .list{grid-template-columns:minmax(0,1fr)}.c3 .list{grid-template-columns:repeat(3,minmax(0,1fr))}.c4 .list{grid-template-columns:repeat(4,minmax(0,1fr))}
.c1 .th,.c2 .th{aspect-ratio:2/1}
@media(max-width:980px){.list,.c1 .list,.c2 .list,.c3 .list,.c4 .list{grid-template-columns:minmax(0,1fr)}.c1 .th,.c2 .th{aspect-ratio:16/9}}
:where([hidden]){display:none!important}
.item{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:inherit;box-shadow:var(--sh);transition:transform .18s,box-shadow .18s,border-color .18s}
.item:hover,.item:focus-visible{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--gold);z-index:6}
.th{position:relative;aspect-ratio:16/10;border-radius:calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0;background:linear-gradient(135deg,var(--g100),var(--g50));display:flex;align-items:center;justify-content:center;overflow:hidden}
.th img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.item:hover .th img{transform:scale(1.04)}
.ph{font-size:46px;opacity:.85}
.th .tp{position:absolute;top:10px;right:10px;background:rgba(8,42,32,.82);color:#fff;border-radius:8px;padding:1px 11px;font-size:13px;backdrop-filter:blur(4px)}
.tx{padding:13px 16px 12px;min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.ttl{position:relative;min-width:0}
.tx h3{margin:0;font-size:17.5px;line-height:1.7;color:var(--g800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(prefers-color-scheme:dark){.tx h3{color:#d7efe2}}
.tx p{margin:0;font-size:14.5px;color:var(--ink2);line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt{margin-top:auto;padding-top:7px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:12.5px;color:var(--ink3)}
.mt>span{flex:none}.mt>span+span::before{content:"·";margin:0 5px;color:var(--ink3)}
.mt .au{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* تذييل البطاقة: القسم الابن الأساسي */
.ft{display:block;padding:8px 16px;border-top:1px solid var(--line);background:var(--g50);border-radius:0 0 calc(var(--r) - 1px) calc(var(--r) - 1px);color:var(--gold-d);font-size:13px;font-weight:700;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft::before{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:var(--gold);vertical-align:middle}
@media(prefers-color-scheme:dark){.ft{color:#e6c877}}
/* تلميح العنوان الكامل */
.tip{position:absolute;right:-10px;left:-10px;bottom:calc(100% + 11px);z-index:20;padding:9px 14px;background:var(--g950);color:#fff;border:1px solid var(--gold);border-radius:12px;font-size:15px;font-weight:700;line-height:1.75;text-align:right;white-space:normal;box-shadow:0 10px 28px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .18s,transform .18s,visibility 0s .18s}
.tip::after{content:"";position:absolute;right:26px;bottom:-7px;width:12px;height:12px;background:var(--g950);border:solid var(--gold);border-width:0 1px 1px 0;transform:rotate(45deg)}
.ttl:hover .tip,.item:focus-visible .tip{opacity:1;visibility:visible;transform:none;transition:opacity .18s .3s,transform .18s .3s,visibility 0s .3s}
.tp{background:var(--g100);color:var(--g700);border-radius:6px;padding:0 8px}

/* ---------- بطاقات نصية (الفتاوى) ---------- */
.tcard{padding:15px 18px;gap:6px}
.tcard h3{margin:0;font-size:17.5px;line-height:1.75;color:var(--g800);white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tcard p{margin:0;font-size:14.5px;line-height:1.85;color:var(--ink2);white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tcard .tic{font-size:20px;line-height:1.6;flex:none}
.tfoot{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}
.tcat{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 11px;border-radius:30px;background:var(--g50);border:1px solid var(--line);color:var(--gold-d);font-size:12.5px;font-weight:700}
.tmeta{display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:12.5px;color:var(--ink3)}
.tmeta>span{flex:none}.tmeta>span+span::before{content:"·";margin:0 5px}
.tmeta .au{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(prefers-color-scheme:dark){.tcard h3{color:#d7efe2}.tcat{color:#e6c877}}
/* 1) نصية */
.t-text .thead{display:flex;align-items:flex-start;gap:9px}
/* 2) شريط جانبي */
.t-side{border-right:5px solid var(--gold);border-radius:var(--r)}
.t-side:hover{border-right-color:var(--g600)}
/* 3) سؤال وجواب */
.t-qa .qq,.t-qa .qa{-webkit-line-clamp:2;padding-right:0}
.t-qa p b{display:inline-block;margin-left:8px;padding:0 9px;border-radius:6px;font-size:12px;line-height:1.7;vertical-align:1px}
.t-qa .qq b{background:var(--g100);color:var(--g700)}
.t-qa .qa b{background:var(--gold);color:#241a02}
.t-qa .qq{color:var(--ink)}
/* 4) قائمة مضغوطة */
.tlist{grid-template-columns:minmax(0,1fr)!important;gap:8px}
.t-list{flex-direction:row;align-items:center;gap:12px;padding:10px 16px;box-shadow:none}
.t-list h3{flex:1;min-width:0;font-size:16.5px;line-height:1.6;-webkit-line-clamp:1}
.t-list .tcat{flex:none;max-width:200px}
@media(max-width:700px){.t-list{flex-wrap:wrap}.t-list h3{flex-basis:calc(100% - 40px)}}

/* ---------- المواضيع ---------- */
.topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.topic{position:relative;display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px 16px 44px;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}
.topic::before{content:"";position:absolute;inset:0 0 0 auto;width:5px;background:linear-gradient(var(--gold),var(--g600))}
.topic::after{content:"←";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gold-d);font-size:20px;transition:transform .18s}
.topic:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:var(--sh2)}.topic:hover::after{transform:translate(-5px,-50%)}
.topic span+span::before{content:"·";margin:0 7px;color:var(--ink3)}
.topic b{display:block;color:var(--g700);font-size:18px;line-height:1.5}.topic span{font-size:14px;color:var(--ink3)}
@media(prefers-color-scheme:dark){.topic b{color:#9fe0bf}}
.tree,.tree ul{list-style:none;margin:0;padding-right:22px;border-right:2px solid var(--line)}.tree{padding-right:0;border:0}
.tree>li{margin:12px 0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 18px;box-shadow:var(--sh)}
.tree li li{margin:6px 0}.tree a{text-decoration:none}.tree a:hover{text-decoration:underline}.tree>li>a{font-weight:700;font-size:18px}

/* ---------- فلاتر وتصفح ---------- */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}
.chips a,.chips b{padding:4px 16px;border-radius:30px;border:1px solid var(--line);background:var(--card);text-decoration:none;font-size:15px;color:var(--ink)}
.chips a:hover{border-color:var(--gold)}.chips b{background:var(--g700);border-color:var(--g700);color:#fff}
.pager{display:flex;gap:6px;justify-content:center;margin:30px 0 6px;flex-wrap:wrap}
.pager a,.pager b{min-width:40px;text-align:center;padding:5px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-decoration:none;color:var(--ink)}
.pager a:hover{border-color:var(--gold)}.pager b{background:var(--g700);color:#fff;border-color:var(--g700)}

/* ---------- صفحة المادة ---------- */
article{max-width:860px}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:16px 0;box-shadow:var(--sh)}
.lead{font-size:19px;color:var(--ink2)}.desc{white-space:pre-line}
.meta{display:flex;gap:6px 16px;flex-wrap:wrap;font-size:14.5px;color:var(--ink3);margin:6px 0 18px;align-items:center}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;align-items:center;font-size:14.5px;color:var(--ink3)}
.tags a{background:var(--g100);color:var(--g700);border-radius:30px;padding:1px 14px;text-decoration:none}.tags a:hover{background:var(--gold-l);color:var(--ink)}
@media(prefers-color-scheme:dark){.tags a{color:#9fe0bf}}
audio{width:100%;margin:8px 0}
.vid{position:relative;padding-top:56.25%;background:#000;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh2)}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.btn{display:inline-block;background:var(--g700);color:#fff;text-decoration:none;border-radius:10px;padding:9px 24px;margin:4px 0 4px 8px;font-weight:700;transition:background .15s}
.btn:hover{background:var(--g600)}.btn.alt{background:transparent;color:var(--g700);border:1.5px solid var(--g700)}.btn.alt:hover{background:var(--g100)}
@media(prefers-color-scheme:dark){.btn.alt{color:#9fe0bf;border-color:#9fe0bf}}
.book{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.book img{width:200px;border-radius:10px;border:1px solid var(--line);box-shadow:var(--sh2)}
.book table{border-collapse:collapse}.book td{padding:4px 0 4px 18px}.book td:first-child{color:var(--ink3)}
.body{font-size:19px;line-height:2.05}.body img{border-radius:10px}.body h2,.body h3{color:var(--g700)}
.body table{border-collapse:collapse;width:100%;margin:14px 0;display:block;overflow-x:auto}.body td,.body th{border:1px solid var(--line);padding:8px 12px}.body th{background:var(--g50)}
.body blockquote{margin:16px 0;border-right:4px solid var(--gold);background:var(--gold-l);padding:10px 18px;border-radius:0 10px 10px 0}
.body iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}
details{margin-top:12px}summary{cursor:pointer;color:var(--g700);font-weight:700}
@media(prefers-color-scheme:dark){summary{color:#9fe0bf}}

/* ---------- أدوات الأدمن (تظهر فقط عند تسجيل الدخول للوحة) ---------- */
.ew{position:relative;display:block}.ew>.item,.ew>.topic{height:100%}.ew:hover{z-index:6}
.ed{position:absolute;top:10px;left:10px;z-index:3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:#241a02!important;font-size:16px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:transform .15s}
.ed:hover{transform:scale(1.12);background:#e0bb64}
.side .ed,.tree .ed{position:static;display:inline-grid;width:22px;height:22px;font-size:12px;margin-right:4px;vertical-align:middle;flex:none;box-shadow:none}
.adm{position:fixed;z-index:30;display:flex;align-items:center;gap:6px;background:rgba(8,42,32,.96);color:#fff;border:1px solid var(--gold);box-shadow:0 8px 28px rgba(0,0,0,.4);backdrop-filter:blur(6px);white-space:nowrap}
.adm i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:rgba(255,255,255,.12);font-size:16px}
.adm a,.adm b{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14.5px;border-radius:30px;transition:background .15s}
.adm b{color:var(--gold-l);font-weight:700;font-size:14px}.adm b i{background:transparent}
.adm a:hover i{background:rgba(255,255,255,.28)}
.adm a.dash i{background:var(--gold);color:#241a02}
.adm .lb{padding-left:12px}
/* شاشات صغيرة: شريط أفقي أسفل الصفحة */
@media(max-width:1179px){
  .isadm{padding-bottom:76px}
  .adm{bottom:14px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none;border-radius:40px;padding:6px 10px}
  .adm::-webkit-scrollbar{display:none}
  .adm a{background:rgba(255,255,255,.1);padding-left:0}.adm a:hover{background:rgba(255,255,255,.22)}
  body.pl-on .adm{bottom:96px}
}
@media(max-width:720px){body.pl-on .adm{bottom:150px}.adm .lb{font-size:13.5px}}
/* شاشات كبيرة: شريط عمودي يمين الشاشة؛ أيقونات مضغوطة تتوسع بالنص عند التمرير */
@media(min-width:1180px){
  .adm{top:50%;right:10px;transform:translateY(-50%);flex-direction:column;align-items:stretch;gap:8px;padding:8px;border-radius:30px}
  .adm .lb{display:none}
  .adm:hover .lb,.adm:focus-within .lb{display:inline}
  .adm a,.adm b{padding:0}.adm a:hover{background:rgba(255,255,255,.14)}
  .adm a.dash:hover{background:rgba(201,162,75,.25)}
}

/* ---------- المشغل الصوتي العام ---------- */
.pb{position:absolute;inset:0;margin:auto;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#241a02;box-shadow:0 6px 20px rgba(0,0,0,.28),0 0 0 6px rgba(201,162,75,.28);cursor:pointer;z-index:2;transition:transform .18s,background .18s,box-shadow .18s}
.pb svg{width:32px;height:32px;fill:currentColor}.pb .i-play{transform:scaleX(-1) translateX(-1px)}.pb .i-pause{display:none}
.pb:hover{transform:scale(1.1);background:#dcb85f;box-shadow:0 8px 24px rgba(0,0,0,.32),0 0 0 9px rgba(201,162,75,.3)}
.item.playing:not(.paused) .pb .i-play{display:none}.item.playing:not(.paused) .pb .i-pause{display:block}
.item.playing .pb{background:var(--g700);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.28),0 0 0 6px rgba(27,138,99,.35)}
.item.playing{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),var(--sh2)}
.item[data-play] .th{background:linear-gradient(135deg,var(--g100),var(--g50))}
@media(max-width:720px){.pb{width:60px;height:60px}}
.pl{position:fixed;inset:auto 0 0 0;z-index:40;display:none;align-items:center;gap:18px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:rgba(8,42,32,.98);color:#fff;border-top:3px solid var(--gold);box-shadow:0 -6px 24px rgba(0,0,0,.3)}
.pl.on{display:flex}body.pl-on{padding-bottom:92px}
.pl-t{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;line-height:1.5}
.pl-n{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-n:hover{color:var(--gold)}
.pl-s{font-size:13px;color:#a9c7b8}
.pl-c{display:flex;align-items:center;gap:6px}
.pl-b{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .15s}
.pl-b:hover{background:rgba(255,255,255,.25)}.pl-b svg{transform:scaleX(-1)}
.pl-m{width:46px;height:46px;background:var(--gold);color:#241a02}.pl-m:hover{background:#e0bb64}
.pl-r{flex:2 1 280px;display:flex;align-items:center;gap:10px;font-size:13px;color:#cfe8da;font-variant-numeric:tabular-nums}
.pl-r input{flex:1;min-width:0;accent-color:var(--gold);height:24px;cursor:pointer}
.pl-x{border:0;background:transparent;color:#a9c7b8;font-size:18px;cursor:pointer;padding:6px 8px;border-radius:8px}.pl-x:hover{color:#fff;background:rgba(255,255,255,.12)}
@media(max-width:720px){.pl{flex-wrap:wrap;gap:8px 12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.pl-t{flex:1 1 60%;order:1}.pl-x{order:2}.pl-c{order:3}.pl-r{order:4;flex:1 1 100%}.pl-c{margin-inline:auto}body.pl-on{padding-bottom:150px}body.pl-on .adm{bottom:150px}}
@media print{.pl{display:none!important}}

/* ---------- التذييل ---------- */
footer{background:var(--g950);color:#a9c7b8;text-align:center;padding:26px 0;font-size:14.5px;border-top:3px solid var(--gold)}
footer p{margin:5px 0}footer a{color:#e6c877}

/* ---------- الجوال ---------- */
@media(max-width:720px){
  body{font-size:16.5px}
  .hd{flex-wrap:wrap;gap:10px;padding:10px 14px}.mn{order:3;flex:1 0 100%}.sf{flex:1}.sf input{flex:1;width:auto}
  h1{font-size:25px}.hero{padding:32px 18px 26px;border-radius:16px}.hero h1{font-size:28px}.hero p{font-size:16.5px}
  .lay{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:18px}
  .side{position:static}
  .sbl{display:flex;align-items:center;justify-content:space-between;background:var(--g700);color:#fff;border-radius:12px;padding:11px 18px;font-weight:700;cursor:pointer;box-shadow:var(--sh)}
  .sbl::after{content:"▾"}.sbt:checked~.sbl::after{content:"▴"}
  .sbb{display:none;margin-top:8px;max-height:60vh}.sbt:checked~.sbb{display:block}
  .sbt:focus-visible~.sbl{outline:3px solid var(--gold);outline-offset:2px}
  .book img{width:140px}.body{font-size:18px}.box{padding:16px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.adm,.ed,.side,.top,footer,.sf,.sf2,.pager,.chips{display:none}body{background:#fff;color:#000}}

/* ---------- الفتاوى والأحكام ---------- */
.fq{background:#fcf5e1;border-color:#eadcb0;border-right:4px solid var(--gold);box-shadow:0 1px 2px rgba(120,90,20,.08)}.fq h2{color:#7a5a12}.fq .desc{color:#3d3622}
@media(prefers-color-scheme:dark){.fq{background:#27210f;border-color:#46391a;border-right-color:var(--gold);box-shadow:none}.fq h2{color:#e6c877}.fq .desc{color:#e6e0cc}}.fs{background:var(--g50);border-right:4px solid var(--g600)}
.fq h2,.fs h2,.fa>h2{margin-top:0;font-size:20px}.fq .desc,.fs .desc{font-size:18px;line-height:2}
.fsrc{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:15.5px;color:var(--ink2);background:var(--gold-l);border-color:var(--gold)}
.fsrc a{font-weight:700}.fsrc .fu{font-weight:400;font-size:13.5px;word-break:break-all;color:var(--ink3)}
@media(prefers-color-scheme:dark){.fsrc{background:var(--g100);color:var(--ink2)}}

.stats{display:flex;gap:14px;flex-wrap:wrap;margin:-2px 0 14px;color:var(--ink3);font-size:14.5px}
.tv{white-space:nowrap}

/* رسالة الترحيب */
.wlc{position:fixed;z-index:90;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;transition:opacity .3s,transform .3s;display:flex;align-items:flex-start;gap:12px;width:min(560px,calc(100% - 24px));box-sizing:border-box;background:#0b3d2e;color:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 8px 28px rgba(0,0,0,.3);font-size:15px;line-height:1.8}
.wlc[hidden]{display:none}.wlc.on{opacity:1;transform:translate(-50%,0)}
.wlc span{flex:1}.wlc button{flex:none;background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1;cursor:pointer}
.wlc button:hover{background:rgba(255,255,255,.3)}