/* Alsamiri Law — نظام بصري امتداد للهوية المطبوعة */
@font-face{font-family:'Tajawal';font-weight:400;font-display:swap;src:url('../fonts/tajawal-arabic-400-normal.woff2') format('woff2');}
@font-face{font-family:'Tajawal';font-weight:500;font-display:swap;src:url('../fonts/tajawal-arabic-500-normal.woff2') format('woff2');}
@font-face{font-family:'Tajawal';font-weight:700;font-display:swap;src:url('../fonts/tajawal-arabic-700-normal.woff2') format('woff2');}
@font-face{font-family:'Almarai';font-weight:400;font-display:swap;src:url('../fonts/almarai-arabic-400-normal.woff2') format('woff2');}
@font-face{font-family:'Almarai';font-weight:700;font-display:swap;src:url('../fonts/almarai-arabic-700-normal.woff2') format('woff2');}
@font-face{font-family:'Amiri';font-weight:400;font-display:swap;src:url('../fonts/amiri-arabic-400-normal.woff2') format('woff2');}

:root{
  --navy:#1A2A4F;--navy-deep:#131F3D;--navy-light:#223A6A;
  --gold:#B8945F;--gold-light:#D4B98A;
  --paper:#FFFFFF;--paper-gray:#F5F6F8;
  --ink:#1A2A4F;--ink-soft:#4A5470;
  --line-gold:rgba(184,148,95,.45);--line-navy:rgba(26,42,79,.12);
  --measure:36rem;
  --fs-display:clamp(1.8rem,5vw + .8rem,3.1rem);
  --fs-h1:clamp(1.65rem,4vw + .7rem,2.5rem);
  --fs-h2:clamp(1.3rem,2.5vw + .6rem,1.9rem);
  --fs-h3:clamp(1.12rem,1.2vw + .7rem,1.4rem);
  --fs-body:clamp(1rem,.3vw + .95rem,1.125rem);
  --t-fast:180ms;--t-base:300ms;--ease:cubic-bezier(.4,0,.2,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Almarai',sans-serif;font-size:var(--fs-body);line-height:1.9;color:var(--ink);background:var(--paper);}
h1,h2,h3,h4{font-family:'Tajawal',sans-serif;font-weight:700;line-height:1.45;color:var(--navy);}
img{max-width:100%;}
a{color:var(--navy);}
::selection{background:var(--gold-light);color:var(--navy-deep);}
.wrap{max-width:72rem;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3rem);}
section{padding-block:clamp(4rem,8vw,7rem);}
.bg-gray{background:var(--paper-gray);}
.bg-dark{background:var(--navy);color:#fff;}
.bg-deep{background:linear-gradient(165deg,var(--navy-light),var(--navy) 55%,var(--navy-deep));color:#fff;}
.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-deep h1,.bg-deep h2,.bg-deep h3{color:#fff;}
.bg-dark p,.bg-deep p{color:rgba(255,255,255,.88);}

.label{font:500 .8125rem 'Tajawal';color:var(--gold);display:flex;align-items:center;gap:.75rem;word-spacing:.3em;margin-bottom:.6rem;}
.label::before{content:"";width:2.5rem;height:1px;background:var(--gold);flex:none;}
.h-sec{font-size:var(--fs-h2);margin-bottom:1.1rem;}
.lead{max-width:46rem;color:var(--ink-soft);}
.bg-dark .lead,.bg-deep .lead{color:rgba(255,255,255,.85);}
b.n{color:var(--navy);}
.bg-dark b.n,.bg-deep b.n{color:#fff;}
.gd{color:var(--gold-light);}

/* أزرار */
.btn{display:inline-block;padding:.85rem 1.9rem;font:700 1rem 'Tajawal';text-decoration:none;border-radius:2px;transition:all var(--t-fast) var(--ease);border:1.5px solid transparent;}
.btn:active{transform:translateY(1px);}
.btn-gold{background:var(--gold);color:var(--navy-deep);border-color:var(--gold);}
.btn-gold:hover{background:transparent;color:var(--gold);}
.bg-dark .btn-gold:hover,.bg-deep .btn-gold:hover{color:var(--gold-light);border-color:var(--gold-light);}
.btn-line{border-color:rgba(212,185,138,.8);color:#fff;}
.btn-line:hover{background:rgba(212,185,138,.14);}
.btn-navy{border-color:var(--navy);color:var(--navy);}
.btn-navy:hover{background:var(--navy);color:#fff;}
.btn-note{display:block;font-size:.78rem;color:var(--ink-soft);margin-top:.5rem;}
.bg-dark .btn-note,.bg-deep .btn-note{color:rgba(255,255,255,.6);}

/* الترويسة */
.fixedtop{position:fixed;inset-block-start:0;inset-inline:0;z-index:50;}
header.site{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line-navy);position:relative;}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:4.2rem;gap:1rem;}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font:700 .95rem 'Tajawal';color:var(--navy);white-space:nowrap;}
.brand img{height:2.5rem;}
nav.main ul{display:flex;gap:1.15rem;list-style:none;}
nav.main a{text-decoration:none;font:500 .88rem 'Tajawal';color:var(--ink);white-space:nowrap;background-image:linear-gradient(var(--gold),var(--gold));background-repeat:no-repeat;background-size:0% 1px;background-position:bottom right;transition:background-size var(--t-base) var(--ease);padding-bottom:3px;}
nav.main a:hover,nav.main a[aria-current]{background-size:100% 1px;color:var(--navy);}
.nav-cta{font-size:.85rem;padding:.55rem 1.1rem;white-space:nowrap;}
.burger{display:none;background:none;border:none;cursor:pointer;font:700 1.5rem 'Tajawal';color:var(--navy);}
@media(max-width:64rem){
  nav.main{position:absolute;top:100%;inset-inline:0;background:var(--navy-deep);display:none;padding:1rem 1.5rem 2rem;}
  nav.main.open{display:block;}
  nav.main ul{flex-direction:column;gap:0;}
  nav.main li{border-bottom:1px solid rgba(255,255,255,.09);}
  nav.main a{display:block;padding:.9rem 0;color:#fff;font-size:1.1rem;}
  .burger{display:block;}
  .nav-cta{display:none;}
}
/* شريط الميثاق المصغر */
.charter-strip{background:var(--navy-deep);color:rgba(255,255,255,.85);font:500 .8rem 'Tajawal';text-align:center;padding:.45rem 1rem;}
.charter-strip a{color:var(--gold-light);text-decoration:none;}
.charter-strip b{color:#fff;font-weight:700;}
main{padding-top:6.4rem;}
@media(max-width:40rem){main{padding-top:7.2rem;}}

/* البطل الداخلي */
.hero-page{padding-block:clamp(3.5rem,7vw,5.5rem) clamp(3rem,6vw,4.5rem);}
.hero-page h1{font-size:var(--fs-h1);max-width:52rem;}
.crumb{font:500 .8rem 'Tajawal';color:var(--ink-soft);margin-bottom:1rem;}
.crumb a{color:var(--gold);text-decoration:none;}

/* التعداد الكوفي */
ul.kufi{list-style:none;}
ul.kufi li{position:relative;padding-inline-start:1.4rem;margin-bottom:.8rem;}
ul.kufi li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:.5rem;height:.5rem;background:var(--gold);transform:rotate(45deg);}
.bg-dark ul.kufi li,.bg-deep ul.kufi li{color:rgba(255,255,255,.92);}

/* قوائم وثائقية */
.doc-list{border-top:1px solid var(--line-navy);}
.doc-item{display:block;text-decoration:none;color:inherit;padding:1.6rem 0;border-bottom:1px solid var(--line-navy);transition:background var(--t-fast);}
.doc-item:hover{background:var(--paper-gray);}
.doc-item .num{font:700 1rem 'Tajawal';color:var(--gold);}
.doc-item h3{margin:.2rem 0 .3rem;}
.doc-item p{color:var(--ink-soft);font-size:.95rem;max-width:44rem;}
.doc-item.star{border-inline-start:3px solid var(--gold);padding-inline-start:1.2rem;}

/* المواقف */
.situations{display:grid;gap:0;border-top:1px solid var(--line-navy);}
@media(min-width:48rem){.situations{grid-template-columns:1fr 1fr;column-gap:3.5rem;}}
.sit{display:flex;gap:1.1rem;padding:1.35rem 0;border-bottom:1px solid var(--line-navy);text-decoration:none;color:inherit;align-items:baseline;transition:background var(--t-fast);}
.sit:hover{background:var(--paper-gray);}
.sit .k{font:700 1.35rem 'Tajawal';color:var(--gold);flex:none;width:2.2rem;}
.sit p{font-size:1rem;}
.sit b{color:var(--navy);}

/* الشرعية */
.legit{display:grid;gap:1.2rem;}
@media(min-width:48rem){.legit{grid-template-columns:repeat(4,1fr);}}
.legit div{border-bottom:1px solid var(--line-gold);padding-bottom:.9rem;}
.legit b{display:block;font:700 1.15rem 'Tajawal';color:var(--navy);}
.legit span{font-size:.84rem;color:var(--ink-soft);}
.bg-deep .legit b{color:var(--gold-light);}
.bg-deep .legit span{color:rgba(255,255,255,.68);}

/* الباقات */
.tiers{display:grid;gap:1.4rem;margin-block:2.5rem;}
@media(min-width:56rem){.tiers{grid-template-columns:repeat(3,1fr);align-items:stretch;}}
.tier{border:1px solid rgba(212,185,138,.45);padding:1.8rem 1.5rem;background:rgba(255,255,255,.04);position:relative;}
.tier.mid{border:2px solid var(--gold);background:rgba(184,148,95,.1);}
.tier .tag{position:absolute;top:-.85rem;inset-inline-start:1.2rem;background:var(--gold);color:var(--navy-deep);font:700 .78rem 'Tajawal';padding:.15rem .9rem;}
.tier h3{color:var(--gold-light);font-size:1.25rem;margin-bottom:.3rem;}
.tier .who{font-size:.87rem;color:rgba(255,255,255,.72);border-bottom:1px solid rgba(212,185,138,.35);padding-bottom:.9rem;margin-bottom:.9rem;min-height:4.6rem;}
.tier li{font-size:.92rem;}

/* الميثاق */
.deed{background:var(--paper);border:1px solid var(--navy);outline:1px solid var(--gold);outline-offset:-7px;padding:clamp(1.8rem,5vw,3.2rem);max-width:46rem;margin-inline:auto;box-shadow:0 1px 3px rgba(19,31,61,.08);position:relative;}
.deed .preamble{font-family:'Amiri';font-size:1.3rem;line-height:2;color:var(--navy);margin-block:1.2rem 2rem;}
.clause{margin-bottom:1.8rem;padding-bottom:1.6rem;border-bottom:1px solid var(--line-gold);}
.clause:last-of-type{border-bottom:none;}
.clause h3{font-size:1.05rem;color:var(--gold);margin-bottom:.4rem;}
.clause .how{font-size:.85rem;color:var(--ink-soft);background:var(--paper-gray);border-inline-start:3px solid var(--navy);padding:.55rem .9rem;margin-top:.7rem;}
.clause .how b{font-family:'Tajawal';color:var(--navy);}
.deed .sig{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:2.2rem;border-top:1px solid var(--line-gold);padding-top:1.4rem;flex-wrap:wrap;}
.deed .sig .name{font-family:'Amiri';font-size:1.45rem;color:var(--navy);}
.deed .sig img{width:5.5rem;transform:rotate(-4deg);opacity:0;}
.deed.sealed .sig img{animation:stamp .5s cubic-bezier(.2,.9,.3,1) forwards;}
@keyframes stamp{from{opacity:0;transform:rotate(-4deg) scale(1.15);}to{opacity:.92;transform:rotate(-4deg) scale(1);}}

/* الأدلة */
.guide-head{max-width:46rem;margin-inline:auto;}
.guide-meta{font:500 .82rem 'Tajawal';color:var(--ink-soft);display:flex;gap:1.2rem;flex-wrap:wrap;margin-block:.8rem 1.5rem;}
.exec{border-inline-start:3px solid var(--gold);background:var(--paper-gray);padding:1.2rem 1.4rem;margin-block:1.5rem;}
.exec h2{font-size:1rem;color:var(--gold);margin-bottom:.4rem;}
.guide-body{max-width:var(--measure);margin-inline:auto;font-size:1.125rem;line-height:2;}
.guide-body p{margin-bottom:1.6rem;}
.guide-body h2{font-size:var(--fs-h3);margin:3rem 0 1rem;}
.guide-body ul.kufi{margin-bottom:1.6rem;}
.note-box{background:var(--paper-gray);border-inline-start:3px solid var(--navy);padding:.9rem 1.2rem;font-size:.95rem;margin-bottom:1.6rem;}
.note-box b{font-family:'Tajawal';color:var(--navy);}
.quote-amiri{font-family:'Amiri';font-size:1.4rem;line-height:2;color:var(--navy);border-block:1px solid var(--line-gold);padding-block:1.2rem;margin-block:2rem;}
.disclaim{font-size:.8rem;color:var(--ink-soft);border-top:1px solid var(--line-navy);padding-top:1rem;margin-top:2.5rem;}

/* الخطوات */
.steps{list-style:none;counter-reset:s;border-inline-start:1px solid var(--line-gold);margin-inline-start:.65rem;}
.steps li{counter-increment:s;position:relative;padding:0 1.6rem 1.6rem;}
.steps li::before{content:counter(s);position:absolute;inset-inline-start:-.85rem;top:0;width:1.7rem;height:1.7rem;background:var(--paper);border:1.5px solid var(--gold);color:var(--navy);font:700 .9rem 'Tajawal';display:flex;align-items:center;justify-content:center;}
.steps b{font-family:'Tajawal';color:var(--navy);display:block;}
.steps span{font-size:.93rem;color:var(--ink-soft);}

/* أسئلة */
details.faq{border-bottom:1px solid var(--line-navy);padding:.9rem 0;}
details.faq summary{cursor:pointer;font:700 1.02rem 'Tajawal';color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:1rem;}
details.faq summary::after{content:"+";color:var(--gold);font-size:1.2rem;transition:transform var(--t-base);}
details.faq[open] summary::after{transform:rotate(45deg);}
details.faq p{padding-top:.7rem;color:var(--ink-soft);font-size:.97rem;max-width:44rem;}

/* CTA ختامي */
.cta-final{text-align:center;}
.cta-final h2{font-size:var(--fs-h2);}
.cta-final p{max-width:40rem;margin:0 auto 1.6rem;}

/* التذييل */
footer.site{background:var(--navy-deep);color:rgba(255,255,255,.6);padding-block:3rem 2rem;font-size:.85rem;}
footer.site .cols{display:grid;gap:2rem;margin-bottom:2rem;}
@media(min-width:48rem){footer.site .cols{grid-template-columns:1.3fr 1fr 1fr;}}
footer.site h4{color:var(--gold-light);font-size:.9rem;margin-bottom:.7rem;}
footer.site a{color:rgba(255,255,255,.78);text-decoration:none;}
footer.site a:hover{color:var(--gold-light);}
footer.site ul{list-style:none;}
footer.site li{margin-bottom:.45rem;}
.verify-box{border:1px solid rgba(212,185,138,.4);padding:1rem 1.2rem;font-size:.8rem;line-height:1.9;}
.verify-box b{color:#fff;font-family:'Tajawal';}
footer.site .base{border-top:1px solid rgba(212,185,138,.3);padding-top:1.2rem;text-align:center;font-size:.75rem;line-height:2;}

/* واتساب عائم */
.wa-float{position:fixed;bottom:1.4rem;inset-inline-end:auto;left:1.4rem;z-index:60;display:flex;align-items:center;gap:.6rem;background:var(--navy);border:1.5px solid var(--gold);color:#fff;text-decoration:none;font:700 .9rem 'Tajawal';padding:.7rem 1.1rem;border-radius:2px;opacity:0;transform:translateY(8px);transition:all var(--t-base) var(--ease);pointer-events:none;}
.wa-float.show{opacity:1;transform:none;pointer-events:auto;}
.wa-float svg{width:1.25rem;height:1.25rem;fill:var(--gold-light);}
.wa-float:hover{background:var(--navy-light);}

/* زخرفة */
.kufic{position:absolute;pointer-events:none;}
.pos{position:relative;overflow:hidden;}
.hairline{width:6rem;height:1px;background:var(--gold);margin-block:1.4rem;}
.js .rv{opacity:0;transform:translateY(12px);transition:opacity .45s ease-out,transform .45s ease-out;}
.js .rv.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;}.rv{opacity:1;transform:none;}}

/* البوصلة */
.bawsala-card{max-width:40rem;margin-inline:auto;border:1px solid var(--navy);outline:1px solid var(--gold);outline-offset:-6px;padding:2rem;background:#fff;}
.bawsala-card h3{margin-bottom:1.2rem;}
.opt-btn{display:block;width:100%;text-align:start;background:var(--paper-gray);border:1px solid var(--line-navy);padding:.9rem 1.1rem;font:500 1rem 'Almarai';color:var(--ink);cursor:pointer;margin-bottom:.7rem;transition:all var(--t-fast);}
.opt-btn:hover{border-color:var(--gold);background:#fff;}
.result-good{border-inline-start:3px solid var(--gold);background:var(--paper-gray);padding:1.2rem;}
.back-link{background:none;border:none;color:var(--gold);font:500 .85rem 'Tajawal';cursor:pointer;margin-top:1rem;}

/* جدول محتوى الصفحات الأم */
.svc-grid{display:grid;gap:0;border-top:1px solid var(--line-navy);}
@media(min-width:48rem){.svc-grid{grid-template-columns:1fr 1fr;column-gap:3.5rem;}}