/* Hide auth dropdown when not explicitly open */
.auth-dropdown:not(.open):not(.show),
.auth-menu:not(.open):not(.show),
#authDropdown:not(.open):not(.show),
.dropdown-menu[aria-hidden="true"],
.dropdown-menu:not(.show){
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Ensure dropdown stacks above hero arrows/background */
.auth-dropdown, .auth-menu, #authDropdown, .dropdown-menu{
  position: relative;
  z-index: 6000 !important;
  pointer-events: auto !important;
}


/* Generic hide for header dropdowns on index too */
.auth-ui [role="menu"]:not(.open):not(.show),
.user-panel:not(.open):not(.show){
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}


/* Show panel when parent menu has .open (index header case) */
.user-menu.open > .user-panel{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Do not hide .user-panel globally if parent menu is .open */
.auth-ui .user-panel{ pointer-events: auto; }