/* Shared nav dropdown behavior */
.nav-dropdown { display: none; }
.nav-item:hover .nav-dropdown,
.nav-item:focus-within .nav-dropdown,
.nav-dropdown:hover { display: block; }

/* Optional: ensure dropdown overlaps correctly and doesn't flicker across tiny gaps */
.nav-item { position: relative; }
.nav-dropdown { position: absolute; z-index: 1000; }

/* If there's a vertical gap causing hover loss, prefer 0 margin on dropdowns */