/* Shared primary navigation — isolated from page layout. */
.primary-nav{display:flex;align-items:center;gap:6px}
.primary-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:999px;color:#fff;text-decoration:none;font-size:.82rem;font-weight:600;transition:background .2s ease,border-color .2s ease}
.primary-nav a:hover,.primary-nav a[aria-current="page"]{background:rgba(255,255,255,.10)}
.primary-nav .nav-language{border:1px solid rgba(255,255,255,.30);background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.nav-toggle{display:none;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(14,23,32,.58);backdrop-filter:blur(12px);align-items:center;justify-content:center}
.nav-toggle span,.nav-toggle::before,.nav-toggle::after{content:"";display:block;position:absolute;width:18px;height:1.5px;background:#fff;border-radius:2px;transition:.2s ease}
.nav-toggle{position:relative}.nav-toggle::before{transform:translateY(-6px)}.nav-toggle::after{transform:translateY(6px)}
.nav-toggle[aria-expanded="true"] span{opacity:0}.nav-toggle[aria-expanded="true"]::before{transform:rotate(45deg)}.nav-toggle[aria-expanded="true"]::after{transform:rotate(-45deg)}
.mobile-nav-backdrop{display:none}
@media(max-width:820px){
  .topbar{z-index:80}
  .topbar-inner{position:relative}
  .nav-toggle{display:inline-flex;z-index:82}
  .primary-nav{position:fixed;z-index:81;top:0;bottom:0;width:min(82vw,340px);padding:92px 22px 28px;display:flex;flex-direction:column;align-items:stretch;gap:8px;background:#0e1720;box-shadow:0 20px 60px rgba(0,0,0,.28);transition:transform .28s ease;overflow:auto}
  html[dir="rtl"] .primary-nav{right:0;transform:translateX(105%)}
  html[dir="ltr"] .primary-nav{left:0;transform:translateX(-105%)}
  html[dir="rtl"] .primary-nav.is-open,html[dir="ltr"] .primary-nav.is-open{transform:translateX(0)}
  .primary-nav a{justify-content:flex-start;min-height:52px;padding:12px 14px;border-radius:12px;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.07)}
  .primary-nav .nav-language{margin-top:10px;justify-content:center;border:1px solid rgba(255,255,255,.22)}
  .mobile-nav-backdrop{position:fixed;z-index:79;inset:0;background:rgba(3,8,13,.58);backdrop-filter:blur(2px)}
  .mobile-nav-backdrop.is-open{display:block}
  body.nav-open{overflow:hidden}
}