/* Global Dropdown Menu Styles - FINAL FORCE OVERRIDE */
/* This MUST be the last CSS loaded - do not add styles after this comment */

/* KILL all number spans in dropdowns - highest priority */
.nav-dropdown a span,
.nav-dropdown-menu li span,
.dropdown-menu li span,
ul.nav-dropdown-menu li span,
div.nav-dropdown a span,
header div.nav-dropdown a span {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Base dropdown container - FORCE style */
.nav-dropdown,
.nav-dropdown-menu,
.dropdown-menu,
header .nav-dropdown,
header .nav-dropdown-menu,
header .dropdown-menu,
header div.nav-dropdown {
  font-size: 14px !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
  padding: 8px 0 !important;
  min-width: 220px !important;
}

/* Dropdown items - FORCE style */
.nav-dropdown a,
.nav-dropdown-menu li a,
.dropdown-menu li a,
header .nav-dropdown a,
header .nav-dropdown-menu li a,
header .dropdown-menu li a {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #333 !important;
  padding: 10px 18px !important;
  display: block !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: all 0.2s ease !important;
}

/* Hover state - FORCE style */
.nav-dropdown a:hover,
.nav-dropdown-menu li a:hover,
.dropdown-menu li a:hover,
header .nav-dropdown a:hover,
header .nav-dropdown-menu li a:hover,
header .dropdown-menu li a:hover {
  background: rgba(0,0,0,0.04) !important;
  color: #E94D38 !important;
  padding-left: 24px !important;
}

/* Container hover - show dropdown */
.nav-item:hover .nav-dropdown,
.nav-item:hover .nav-dropdown-menu,
.nav-item:hover .dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Ensure any inline styles don't override */
.nav-dropdown[style],
.nav-dropdown-menu[style],
.dropdown-menu[style] {
  font-size: 14px !important;
  background: #ffffff !important;
}