/* ALNOUR unified B menu — exact shared header behavior */
:root{--b-gold:#d5a94f;--b-gold2:#f0cf7a;--b-green:#063c2d;--b-deep:#031f19}
.topbar,.topbar *{box-sizing:border-box}.topbar{min-height:74px;background:linear-gradient(90deg,#031f19 0%,#063c2d 48%,#04271f 100%);color:#fff;display:flex;align-items:center;gap:18px;padding:0 28px;position:sticky;top:0;z-index:5000;border-bottom:1px solid rgba(240,207,122,.45);box-shadow:0 8px 26px rgba(1,24,18,.22),inset 0 -1px rgba(255,255,255,.04);font-family:"Tajawal","Noto Kufi Arabic",Arial,sans-serif;direction:rtl}.topbar a{text-decoration:none;color:inherit}.topbar:after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--b-gold2),transparent);opacity:.65}.brand{display:flex;align-items:center;gap:9px;min-width:184px}.brand img{width:46px;height:54px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.brand-word b{font-family:"Tajawal","Noto Kufi Arabic",Arial,sans-serif;font-size:22px;letter-spacing:0}.brand-word small{display:block;color:#dfc58f;font-size:10px;margin-top:-5px}.main-nav{display:flex;gap:5px;align-items:center;justify-content:center;flex:1;white-space:nowrap;min-width:0;height:74px}.nav-drop{position:relative;height:100%;display:flex;align-items:center}.nav-drop-btn{border:0;background:transparent;color:#fff;font:800 11px/1.2 "Tajawal","Noto Kufi Arabic",Arial,sans-serif;padding:0 8px;height:74px;cursor:pointer;white-space:nowrap}.nav-drop-btn:hover{color:var(--b-gold2)}.nav-panel{display:none;position:absolute;top:68px;right:0;z-index:5060;min-width:280px;max-width:min(780px,92vw);max-height:72vh;overflow:auto;padding:12px;border-radius:16px;background:linear-gradient(145deg,#073f32,#032b24);border:1px solid rgba(218,180,97,.42);box-shadow:0 24px 46px rgba(0,0,0,.3);grid-template-columns:repeat(2,minmax(160px,1fr));gap:3px}.nav-drop.open>.nav-panel{display:grid}.nav-panel a{padding:9px;border-radius:9px;color:#fff;font-size:11px;white-space:normal}.nav-panel a:hover{background:rgba(255,255,255,.08);color:var(--b-gold2)}.top-actions{display:flex;align-items:center;gap:9px;direction:rtl}.icon-btn,.nav-audio-trigger,.nav-audio-panel button{border:1px solid rgba(240,207,122,.24);background:rgba(255,255,255,.04);color:#fff;width:38px;height:38px;border-radius:12px}.language-bar{display:flex;gap:5px}.language-bar a{font-size:10px;padding:7px 8px;border:1px solid rgba(240,207,122,.22);border-radius:9px;color:#fff;min-height:38px;display:flex;align-items:center}.search-link{display:grid;place-items:center}.home-hamb{display:none;min-width:44px;min-height:44px;border:1px solid rgba(232,201,129,.36);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font-size:22px;cursor:pointer}.nav-audio{position:relative;display:flex;align-items:center}.nav-audio audio{display:none}.nav-audio-panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;display:none;align-items:center;gap:6px;background:#07392d;padding:7px;border:1px solid rgba(240,207,122,.3);border-radius:12px;z-index:5070}.nav-audio.is-open .nav-audio-panel{display:flex}.nav-audio-panel input{width:100px}.menu-tree{border:0}.menu-tree>summary{cursor:pointer;list-style:none}.menu-tree>summary::-webkit-details-marker{display:none}.menu-tree-children{display:grid;gap:2px;padding-inline-start:8px}
@media(max-width:1024px){.topbar{gap:8px;padding-inline:14px}.brand{min-width:145px}.main-nav{overflow-x:auto;justify-content:flex-start}.nav-drop{flex:0 0 auto}.nav-drop-btn{font-size:9px;padding-inline:5px}.language-bar a{font-size:9px;padding:6px}}
@media(max-width:768px){.topbar{min-height:70px;height:auto;padding:8px 12px;gap:6px;flex-wrap:nowrap}.brand{flex:1;min-width:0}.brand-word b{font-size:19px}.brand-word small{font-size:9px}.home-hamb{display:inline-grid;place-items:center}.main-nav{display:flex!important;position:fixed;z-index:5050;top:70px;right:0;bottom:0;width:min(88vw,380px);height:auto;padding:10px;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto;background:linear-gradient(180deg,#063f32,#02271f);border-left:1px solid rgba(222,184,105,.4);box-shadow:-18px 0 42px rgba(0,0,0,.32);transform:translateX(105%);transition:transform .25s ease}.main-nav.mobile-open{transform:translateX(0)}.nav-drop{height:auto!important;display:block!important}.nav-drop-btn{width:100%;height:auto!important;min-height:48px!important;text-align:right;padding:10px 12px!important;font-size:12px!important}.nav-panel{position:static!important;min-width:0!important;width:100%!important;max-height:none!important;grid-template-columns:1fr!important;box-shadow:none!important;padding:6px!important}.nav-drop.open>.nav-panel{display:grid}.top-actions{gap:5px}.language-bar{display:none}}

/* 2026-09-20 B-menu correction: Fatima is a visible top-level item. */
.main-nav .fatima-top{
  display:flex;
  align-items:stretch;
}
.main-nav .fatima-top-link{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  white-space:normal;
  text-align:center;
  line-height:1.45;
}
@media (max-width: 980px){
  #homeMainNav.mobile-open .fatima-top{
    display:block;
    width:100%;
  }
  #homeMainNav.mobile-open .fatima-top-link{
    width:100%;
    justify-content:flex-end;
    padding-inline:18px;
  }
}


/* =========================================================
   ALNOUR FINAL SHARED B MENU — INTERNAL PAGE OVERRIDE
   One menu appearance on homepage + every public shell page.
   ========================================================= */
#homeMainNav,
#homeMainNav *{box-sizing:border-box!important}

.topbar{
  background:linear-gradient(90deg,rgba(3,31,25,.97),rgba(6,60,45,.97),rgba(4,39,31,.97))!important;
  color:#fff!important;
  font-family:"Tajawal","Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
.topbar .brand-word b,
.topbar .nav-drop-btn,
.topbar .fatima-top-link{
  font-family:"Tajawal","Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-weight:800!important;
}
#homeMainNav .nav-drop{background:transparent!important}
#homeMainNav .nav-drop > button.nav-drop-btn,
#homeMainNav .fatima-top-link{
  background:transparent!important;
  color:#fff!important;
  border:0!important;
}
#homeMainNav .fatima-top-link{
  color:#f3d787!important;
}
#homeMainNav .nav-panel,
#homeMainNav .nav-panel.mega-deep{
  background:linear-gradient(145deg,#073f32,#032b24)!important;
  color:#fff!important;
  border:1px solid rgba(218,180,97,.46)!important;
  box-shadow:0 24px 46px rgba(0,0,0,.36)!important;
}
#homeMainNav .menu-tree,
#homeMainNav details.menu-tree{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(231,199,125,.18)!important;
  border-radius:12px!important;
  color:#fff!important;
}
#homeMainNav .menu-tree > summary,
#homeMainNav .menu-tree > summary a{
  background:transparent!important;
  color:#f5d98f!important;
  font-weight:900!important;
}
#homeMainNav .menu-tree[open] > summary{
  background:rgba(255,255,255,.075)!important;
}
#homeMainNav .menu-tree-children{
  background:transparent!important;
}
#homeMainNav .menu-leaf,
#homeMainNav .menu-tree-children a{
  color:#eef7f3!important;
  background:transparent!important;
  opacity:1!important;
}
#homeMainNav .menu-leaf:hover,
#homeMainNav .menu-tree-children a:hover{
  color:#f5d98f!important;
  background:rgba(255,255,255,.08)!important;
}

@media(max-width:768px){
  #homeMainNav{
    background:linear-gradient(180deg,#063f32,#02271f)!important;
    color:#fff!important;
    width:min(92vw,420px)!important;
    padding:12px!important;
  }
  #homeMainNav .nav-drop,
  #homeMainNav .nav-direct{
    width:100%!important;
    flex:0 0 auto!important;
  }
  #homeMainNav .nav-drop > button.nav-drop-btn,
  #homeMainNav .fatima-top-link{
    width:100%!important;
    min-height:54px!important;
    padding:12px 16px!important;
    text-align:right!important;
    justify-content:flex-start!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  #homeMainNav .nav-panel,
  #homeMainNav .nav-panel.mega-deep{
    position:static!important;
    display:none!important;
    width:100%!important;
    max-width:none!important;
    max-height:58vh!important;
    overflow:auto!important;
    grid-template-columns:1fr!important;
    padding:8px!important;
    margin:0 0 8px!important;
    border-radius:12px!important;
    background:#04362b!important;
    box-shadow:inset 0 0 0 1px rgba(231,199,125,.10)!important;
  }
  #homeMainNav .nav-drop.open > .nav-panel{
    display:grid!important;
  }
  #homeMainNav .menu-tree,
  #homeMainNav details.menu-tree{
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(231,199,125,.16)!important;
  }
  #homeMainNav .menu-tree > summary a{
    color:#f1cf78!important;
  }
  #homeMainNav .menu-leaf,
  #homeMainNav .menu-tree-children a{
    color:#fff!important;
  }
}

/* Challenge audit: keep shared B menu fast and bounded on every page. */
#homeMainNav .nav-panel{contain:layout paint;overscroll-behavior:contain}
#homeMainNav .menu-tree-children{content-visibility:auto;contain-intrinsic-size:1px 220px}
@media(max-width:768px){
  #homeMainNav.mobile-open{max-height:calc(100vh - 92px)!important;overflow:auto!important}
  #homeMainNav .nav-panel{max-height:56vh!important;overflow:auto!important}
}