.site-header, .topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.site-nav {
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.site-nav.nav-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-14px);
}

.site-header.nav-hidden, .topbar.nav-hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-14px);
}

/* Language dropdown */
.language-switcher { position: relative; }
.lang-dropdown { position: relative; }
.lang-toggle { background: transparent; color: var(--text); border: 0; padding: 6px 10px; display: inline-flex; align-items: center; gap:8px; cursor: pointer; font-weight:700; }
.lang-toggle .flag-icon { width:18px; height:18px; display:inline-block }
.lang-menu { position: absolute; right: 0; top: calc(100% + 8px); background: rgba(0,0,0,0.9); border-radius:8px; padding:8px; box-shadow: 0 20px 40px rgba(0,0,0,0.6); display: flex; flex-direction: column; gap:6px; min-width:110px; }
.lang-menu[aria-hidden="true"] { display: none; }
.lang-menu .lang-btn { background: transparent; color: var(--muted); border: 0; padding: 8px 10px; text-align: left; display: flex; gap:8px; align-items: center; cursor: pointer; }
.lang-menu .lang-btn.active, .lang-menu .lang-btn:hover { color: var(--accent-2); }
.lang-menu .flag-icon { width:18px; height:18px }