/* Shared navigation for the local theme. */
body .site-header, body .site-header.fixed { position: sticky; top: 0; left: auto; right: auto; z-index: 9999; border-bottom: 1px solid #e2e9ed; background: #fff; box-shadow: 0 3px 14px rgba(22, 57, 82, .06); }
body .site-header.is-scrolled { box-shadow: 0 8px 22px rgba(22, 57, 82, .11); }
body .site-header .wrapper { width: min(1280px, calc(100% - 48px)); max-width: 1280px; margin-inline: auto; }
body .site-header .topbar-wrap { min-height: 76px; gap: 24px; padding: 4px 0; }
body .site-header .logo-link img { display: block; width: 148px; height: auto; max-height: 64px; object-fit: contain; }
body .site-header .menu-items > li, body .site-header .menu-items > li.current { background: transparent; }
body .site-header .menu-items > li > a { color: #24445e; font-size: 14px; font-weight: 700; }
body .site-header .menu-items > li > a:focus { outline: none; }
body .site-header .menu-items > li > a:focus-visible, body .site-header .search-toggle:focus-visible, body .site-header .menu-toggle:focus-visible { outline: 3px solid #aecee6; outline-offset: 3px; }
@media (min-width: 982px) {
  body .site-header .nav-bar { position: static; }
  body .site-header .menu-items { align-items: center; gap: 26px; }
  body .site-header .menu-items > li { margin: 0; padding: 0; }
  body .site-header .menu-items > li > a { position: relative; padding: 13px 0; border: 0; border-radius: 0; background: transparent; transition: color .2s ease; }
  body .site-header .menu-items > li > a::after { content: ""; position: absolute; right: 0; left: 0; bottom: 7px; height: 2px; background: #1e5f9d; transform: scaleX(0); transform-origin: right; transition: transform .22s ease; }
  body .site-header .menu-items > li:hover > a, body .site-header .menu-items > li > a:focus-visible, body .site-header .menu-items > li.current > a { background: transparent; color: #1b5c95; }
  body .site-header .menu-items > li:hover > a::after, body .site-header .menu-items > li > a:focus-visible::after, body .site-header .menu-items > li.current > a::after { transform: scaleX(1); }
  body .site-header .search-toggle { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid #d3e0e8; border-radius: 50%; background: #fff; box-shadow: none; color: #1b5c95; transition: background .2s ease, border-color .2s ease; }
  body .site-header .search-toggle:hover, body .site-header .search-toggle.open { border-color: #96b9d4; background: #edf5fa; box-shadow: none; transform: none; }
  body .site-header .search-toggle .search, body .site-header .search-toggle .close { width: 20px; height: 20px; margin: -10px 0 0 -10px; fill: currentColor; }
  body .site-header .search-toggle.open .close { fill: currentColor; }
  body .site-header .search-wrap, body .site-header .search-wrap.open { top: calc(100% + 5px); width: min(390px, calc(100vw - 32px)); padding: 11px; border: 1px solid #d9e5ec; border-radius: 9px; box-shadow: 0 14px 28px rgba(20, 54, 77, .13); }
  body .site-header .search-wrap { transform: translateY(-6px); }
  body .site-header .search-wrap.open { transform: translateY(0); }
}
body .site-header .search-form { border-color: #d5e1e8; border-radius: 6px; background: #fff; }
body .site-header .search-form:focus-within { border-color: #8db5d0; box-shadow: 0 0 0 3px rgba(39, 106, 164, .1); }
body .site-header .search-input { color: #173a56; font-family: "Noto Sans Arabic", sans-serif; font-size: 14px; }
body .site-header .search-submit { border-radius: 5px; background: #edf5fa; }
body .site-header .search-submit:hover { background: #e0eef6; }
@media (max-width: 981px) {
  body .site-header .wrapper { width: min(100% - 28px, 760px); }
  body .site-header .topbar-wrap { min-height: 66px; gap: 14px; padding: 4px 0; }
  body .site-header .logo-link img { width: 126px; max-height: 58px; }
  body .site-header .menu-toggle { flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid #d4e1e9; border-radius: 50%; background: #fff; }
  body .site-header .menu-toggle:hover, body .site-header .menu-toggle.open { border-color: #a5c6db; background: #edf5fa; }
  body .site-header .menu-toggle svg { width: 20px; height: 20px; fill: #1b5c95; }
  body .site-header .nav-bar, body .site-header .nav-bar.open { top: calc(100% + 6px); right: 0; left: 0; width: auto; height: auto; max-height: calc(100dvh - 82px); overflow-y: auto; padding: 12px 15px 8px; border: 1px solid #d9e5ec; border-radius: 9px; background: #fff; box-shadow: 0 14px 28px rgba(20, 54, 77, .15); transform-origin: top right; }
  body .site-header .nav-bar { transform: translateY(-6px); }
  body .site-header .nav-bar.open { transform: translateY(0); }
  body .site-header .menu-items { padding: 9px 0 0; }
  body .site-header .menu-items > li { border-top: 1px solid #edf1f3; }
  body .site-header .menu-items > li > a { padding: 12px 3px; border: 0; border-radius: 0; color: #24445e; font-size: 15px; }
  body .site-header .menu-items > li:hover > a, body .site-header .menu-items > li.current > a { background: transparent; color: #1b5c95; }
  body .site-header .menu-items > li.current > a { font-weight: 800; }
  body .site-header .nav-bar .search-form { min-height: 43px; }
}
@media (prefers-reduced-motion: reduce) {
  body .site-header :is(.menu-toggle, .menu-toggle svg, .nav-bar, .search-toggle, .search-toggle svg, .search-wrap, .menu-items a, .menu-items a::after) { transition: none !important; }
}