/* Scoped to index.aspx; the other public pages retain their existing navigation. */
.hero .hero-content { padding-top: calc(var(--nav-h) + 24px); }
.navbar .nav-container { width: 100%; gap: 20px; }
.navbar .nav-links { gap: 20px; }
.language-selector { display: flex; align-items: center; gap: 4px; flex-shrink: 0; order: 2; }
.language-link {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 2px; min-width: 40px; min-height: 44px; padding: 4px;
  color: var(--gray); border: 1px solid transparent; border-radius: 5px;
  text-decoration: none; font-size: 10px; line-height: 1; font-weight: 700;
}
.language-link img { display: block; width: 28px; height: 20px; object-fit: cover; border-radius: 2px; }
.language-link:hover, .language-link.is-active { color: var(--yellow); border-color: var(--yellow); background: #202000; }
.language-link:focus-visible { outline: 2px solid var(--yellow); outline-offset: 3px; }
@media (max-width: 1100px) {
  .navbar .nav-links { display: none; flex-direction: column; position: fixed; top: var(--nav-h); left: 0; right: 0; background: rgba(0,0,0,.97); padding: 32px 24px; border-bottom: 1px solid #1e1e1e; gap: 24px; }
  .navbar .nav-links.open { display: flex; }
  .navbar .nav-actions { margin-left: auto; }
  .navbar .nav-toggle { display: flex; flex-shrink: 0; margin-left: 0; }
}
@media (max-width: 768px) {
  .navbar .nav-container { gap: 8px; }
  .navbar .nav-actions { display: none; }
  .navbar .nav-toggle { margin-left: auto; }
}
@media (max-width: 380px) {
  .navbar .nav-container { padding: 0 8px; gap: 4px; }
  .navbar .logo-text { font-size: .6rem; letter-spacing: 0; }
  .navbar .nav-logo { gap: 4px; }
  .language-selector { gap: 0; }
  .language-link { min-width: 34px; padding: 2px; }
}