/* ── DROPDOWN FIX ── */
.nav-item {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: -10px;
}
.dropdown {
  position: absolute; top: calc(100% + 2px); left: 50%;
  transform: translateX(-50%);
  min-width: 250px;
  background: var(--ink3);
  border: 1px solid var(--b1); border-radius: var(--r12);
  padding: 6px; box-shadow: var(--shadow-lg);
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s ease, visibility .15s ease;
  z-index: 700;
}
/* Aperto via hover CSS o classe .open da JS */
.nav-item:hover .dropdown,
.dropdown.open {
  visibility: visible;
  opacity: 1;
}
/* I link dentro il dropdown sempre cliccabili */
.dropdown a {
  pointer-events: auto !important;
  cursor: pointer !important;
  display: flex !important;
  text-decoration: none !important;
}