/* ────────────────────────────────────────────────────────────────────────
 * Iparpolitikai Intézet — menu.css
 * A fejléc, a főmenü, a legördülők stílusai — a style.css-ből kiemelve.
 * ────────────────────────────────────────────────────────────────────── */

/* ─── Fejléc / navbar ─────────────────────────────────────────────────── */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
}

.navbar { padding-block: 2px; }

.brand-logo {
  height: 64px;
  width: auto;
}

.navbar .nav-link {
  font-weight: 500;
  font-size: 0.9375rem;
  color: var(--fg);
  padding-inline: var(--space-3) !important;
  border-radius: var(--radius-pill);
  transition: color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--accent);
}

.navbar .nav-link.active { background: rgba(8, 88, 168, 0.06); }

.navbar .dropdown-menu {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: 0 12px 32px rgba(8, 40, 72, 0.1);
  padding: var(--space-2);
  min-width: 250px;
}

.navbar .dropdown-item {
  border-radius: 8px;
  font-size: 0.9rem;
  padding: var(--space-2) var(--space-3);
  color: var(--fg);
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item.active { background: rgba(8, 88, 168, 0.06); color: var(--accent); }

.navbar-toggler { border: 1px solid var(--border); border-radius: var(--radius-sm); }

@media (max-width: 991.98px) {
  .navbar-collapse {
    background: var(--bg);
    border-radius: var(--radius-sm);
    padding: var(--space-4);
    border: 1px solid var(--border);
  }
}