/* Portal top navigation (shared across Sanatan Dharma sites) */
.topbar{
  position:sticky;top:0;z-index:100;
  background:rgba(18,17,31,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.topbar .container{display:flex;align-items:center;gap:26px;min-height:66px}
.brand{display:flex;align-items:center;gap:.6em;color:var(--ink);font-family:var(--font-display);font-size:1.35rem;font-weight:700}
.brand svg{width:34px;height:34px;flex:none}
.brand:hover{color:var(--ink)}
.topbar nav{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap}
.topbar nav a{
  font-family:var(--font-ui);font-size:.88rem;font-weight:500;color:var(--ink-dim);
  padding:.55em .8em;border-radius:9px;display:inline-flex;align-items:center;gap:.45em;
  transition:color .15s,background .15s;
}
.topbar nav a:hover{color:var(--gold-pale);background:rgba(224,138,44,.08)}
.topbar nav a[aria-current="page"]{color:var(--gold);background:rgba(224,138,44,.12)}
.topbar nav svg{width:1.05em;height:1.05em}
.dl-btn{border:1px solid var(--line);border-radius:999px !important}
.dl-btn:hover{border-color:var(--gold)}
.site-nav-toggle{
  display:none;margin-left:auto;background:none;border:1px solid var(--line);
  border-radius:10px;padding:.6em .7em;cursor:pointer;
}
.site-nav-toggle .bar{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;transition:transform .2s,opacity .2s}

@media (max-width:1060px){
  .site-nav-toggle{display:block}
  .topbar nav{
    display:none;position:absolute;top:100%;left:0;right:0;
    background:var(--bg-deep);border-bottom:1px solid var(--line);
    flex-direction:column;align-items:stretch;padding:10px 18px 18px;gap:2px;
  }
  .topbar.nav-open nav{display:flex}
  .topbar nav a{padding:.8em .6em;font-size:.95rem}
  .topbar.nav-open .site-nav-toggle .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .topbar.nav-open .site-nav-toggle .bar:nth-child(2){opacity:0}
  .topbar.nav-open .site-nav-toggle .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
