/* Közös fejléc-menü: asztali szélességen egy sorban, mobilon legördülő */
.nav { position: relative; background: #16213e; padding: 12px; }
.nav-toggle {
  display: none; width: 100%; align-items: center; justify-content: space-between;
  background: #e94560; color: #fff; border: none; border-radius: 8px;
  padding: 10px 16px; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; text-align: left;
}
.nav-toggle .nav-arrow { transition: transform 0.2s; }
.nav.open .nav-toggle .nav-arrow { transform: rotate(180deg); }
.nav-menu { display: flex; gap: 8px; }
.nav-menu a { color: #e94560; text-decoration: none; font-weight: 600; padding: 8px 16px; border-radius: 8px; }
.nav-menu a.active { background: #e94560; color: #fff; }
.nav-menu a:focus-visible, .nav-toggle:focus-visible { outline: 2px solid #53d8fb; outline-offset: 2px; }

@media (max-width: 600px) {
  .nav-toggle { display: flex; }
  .nav-menu {
    display: none; position: absolute; left: 12px; right: 12px; top: calc(100% - 4px); z-index: 10;
    flex-direction: column; gap: 4px; padding: 8px;
    background: #16213e; border: 1px solid #0f3460; border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
  }
  .nav.open .nav-menu { display: flex; }
  .nav-menu a { padding: 12px 16px; }
}