/* القائمة الكبرى (Mega menu) — إضافة على تصميم الأصل لتغطي كل صفحات الموقع، والمدونة آخرها.
   HTML في parts/header-*.html يولّده import-src/prep.py (NAV)، والسلوك في assets/js/nav.js.
   يُحمَّل بعد home.css / inner.css ويستخدم متغيراتهما (:root). */
.nav-links{align-self:stretch}
.nav-links>li{display:flex;align-items:center}
.nav-drop{display:inline-flex;align-items:center;gap:6px;position:relative;padding:6px 0;border:0;background:none;cursor:pointer;font:inherit;font-weight:600;font-size:15.5px;color:var(--ink);white-space:nowrap}
.nav-drop::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--teal);transform:scaleX(0);transition:transform .2s}
.nav-drop:hover::after,.has-mega.open>.nav-drop::after,.nav-drop.cur::after{transform:scaleX(1)}
.nav-drop.cur,.has-mega.open>.nav-drop{color:var(--teal-deep)}
.nav-caret{width:12px;height:12px;flex:none;transition:transform .2s}
.has-mega.open .nav-caret,.dg[open]>summary .nav-caret{transform:rotate(180deg)}

.mega{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 28px 48px -28px rgba(16,34,46,.3);padding:28px 0 32px;max-height:calc(100vh - 78px);overflow-y:auto}
.has-mega.open>.mega{display:block}
.mega-in{display:grid;gap:24px 36px;align-items:start}
.mega-in.c2{grid-template-columns:300px repeat(2,minmax(0,280px))}
.mega-in.c3{grid-template-columns:280px repeat(3,minmax(0,1fr))}
.mega-h{font-family:var(--display);font-size:13px;font-weight:700;color:var(--teal-deep);margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.mega ul{list-style:none;margin:0;padding:0}
.nav-links .mega a{display:block;padding:6px 10px;margin-inline:-10px;border-radius:8px;font-size:14.5px;font-weight:500;line-height:1.55;color:var(--ink-2)}
.nav-links .mega a::after{display:none}
.nav-links .mega a:hover{background:var(--sky);color:var(--teal-deep)}
.nav-links .mega a[aria-current]{color:var(--teal-deep);font-weight:700}
.mega-intro{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}
.mega-intro b{display:block;font-family:var(--display);font-weight:700;font-size:17px;line-height:1.5;color:var(--ink)}
.mega-intro p{margin:8px 0 14px;font-size:14px;line-height:1.8;color:var(--ink-2)}
.nav-links .mega-intro a.more{display:inline;margin:0;padding:0;font-weight:700;color:var(--teal-deep);background:none}
.nav-links .mega-intro a.more:hover{background:none;text-decoration:underline}
@media (max-width:1080px){
  .mega-in.c3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px}
  .mega-in.c3 .mega-intro{display:none}
  .mega-in.c2{grid-template-columns:260px repeat(2,minmax(0,1fr))}
}

/* قائمة الجوال: أقسام قابلة للطي */
.drawer{max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
.dg{border-bottom:1px solid var(--line)}
.dg>summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-weight:600;cursor:pointer;list-style:none}
.dg>summary::-webkit-details-marker{display:none}
.dg-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;padding:0 12px 12px}
.drawer .dg-in a{padding:8px 0;border-bottom:0;font-weight:500;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.drawer a[aria-current]{color:var(--teal-deep);font-weight:700}
.dg:has(a[aria-current])>summary{color:var(--teal-deep)}
@media (max-width:520px){.dg-in{grid-template-columns:1fr}}

/* صفحة 404 (لا توجد في الأصل) */
.nf{padding:56px 0 90px}