/* nav-dropdown-fix.css — unify dropdown styles across pages */
/* Ensure header and menu allow overflow so submenus are not clipped */
header.transparent, header { overflow: visible; position: relative; z-index: 10000; }
#mainmenu { z-index: 10000; }
#mainmenu li { position: relative; }

#mainmenu li > ul {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  background: rgba(3,10,26,0.96);
  min-width: 220px;
  border-radius: 6px;
  padding: 6px 0;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  z-index: 10001;
  display: block;
}
#mainmenu li > ul li { display: block; }
#mainmenu li > ul li a {
  color: #ffffff;
  padding: 10px 18px;
  display: block;
  font-weight: 500;
  transition: background-color .18s ease, color .18s ease;
}
#mainmenu li > ul li a:hover {
  background: rgba(255,255,255,0.03);
  color: #ffd166;
  font-weight: 700;
}
#mainmenu li:hover > a { color: #ffd166; font-weight: 700; }

/* If submenu is a multi-column mega menu, allow wider width and center align */
#mainmenu li > ul.mega {
  min-width: 420px;
  left: -10px;
}

/* Smaller screens -> keep native stacking behavior */
@media (max-width: 991px){
  #mainmenu li > ul { position: static; box-shadow: none; background: transparent; padding-left: 0; }
  #mainmenu li > ul li a { color: #ddd; padding-left: 12px; }
}