/* Navbar Override - Clean Dark Theme
   No !important declarations - uses proper CSS specificity */

/* High specificity selectors for navbar dropdowns */
html body nav.navbar-modern .navbar-dropdown .navbar-dropdown-menu,
body nav.navbar-modern .navbar-dropdown .navbar-dropdown-menu,
.navbar-modern .navbar-dropdown .navbar-dropdown-menu {
  background-color: #000000;
  background: #000000;
  border: 1px solid #333333;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  /* Hide dropdown by default */
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Show dropdown on hover */
html body nav.navbar-modern .navbar-dropdown:hover .navbar-dropdown-menu,
body nav.navbar-modern .navbar-dropdown:hover .navbar-dropdown-menu,
.navbar-modern .navbar-dropdown:hover .navbar-dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

html body nav.navbar-modern .navbar-dropdown .navbar-dropdown-item,
body nav.navbar-modern .navbar-dropdown .navbar-dropdown-item,
.navbar-modern .navbar-dropdown .navbar-dropdown-item {
  color: #ffffff;
  background-color: #000000;
}

html body nav.navbar-modern .navbar-dropdown .navbar-dropdown-item:hover,
body nav.navbar-modern .navbar-dropdown .navbar-dropdown-item:hover,
.navbar-modern .navbar-dropdown .navbar-dropdown-item:hover {
  background-color: #333333;
  background: #333333;
  color: #ffffff;
}

html body nav.navbar-modern .navbar-dropdown .navbar-dropdown-header,
body nav.navbar-modern .navbar-dropdown .navbar-dropdown-header,
.navbar-modern .navbar-dropdown .navbar-dropdown-header {
  background-color: #1a1a1a;
  background: #1a1a1a;
  color: #b8b8b8;
}

html body nav.navbar-modern .navbar-dropdown .navbar-dropdown-divider,
body nav.navbar-modern .navbar-dropdown .navbar-dropdown-divider,
.navbar-modern .navbar-dropdown .navbar-dropdown-divider {
  background-color: #333333;
  background: #333333;
  border-color: #333333;
}

/* Mobile menu styling */
html body nav.navbar-modern .navbar-mobile-menu,
body nav.navbar-modern .navbar-mobile-menu,
.navbar-modern .navbar-mobile-menu {
  background-color: #000000;
  border-top: 1px solid #333333;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

html body nav.navbar-modern .navbar-mobile-item,
body nav.navbar-modern .navbar-mobile-item,
.navbar-modern .navbar-mobile-item {
  color: #ffffff;
  background-color: #000000;
}

html body nav.navbar-modern .navbar-mobile-item:hover,
body nav.navbar-modern .navbar-mobile-item:hover,
.navbar-modern .navbar-mobile-item:hover {
  background-color: #333333;
  color: #ffffff;
}

/* Ensure all dropdown variations are styled and hidden by default */
.navbar-dropdown-menu,
.navbar-mobile-menu,
.navbar-dropdown .dropdown-menu,
.dropdown-menu {
  background-color: #000000;
  border: 1px solid #333333;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  /* Hide all dropdowns by default */
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Show dropdowns on hover for all variations */
.navbar-dropdown:hover .navbar-dropdown-menu,
.navbar-dropdown:hover .dropdown-menu,
.dropdown:hover .dropdown-menu,
.nav-item:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.navbar-dropdown-item,
.navbar-mobile-item,
.dropdown-item {
  color: #ffffff;
  background-color: #000000;
}

.navbar-dropdown-item:hover,
.navbar-mobile-item:hover,
.dropdown-item:hover {
  background-color: #333333;
  color: #ffffff;
}

/* Force any remaining elements to be white */
html body nav.navbar-modern a,
body nav.navbar-modern a,
nav.navbar-modern a,
.navbar-modern a {
  color: #ffffff;
}

html body nav.navbar-modern .navbar-nav .nav-link,
body nav.navbar-modern .navbar-nav .nav-link,
.navbar-modern .navbar-nav .nav-link {
  color: #ffffff;
}

html body nav.navbar-modern a:hover,
body nav.navbar-modern a:hover,
nav.navbar-modern a:hover,
.navbar-modern a:hover {
  color: #e8e8e8;
}

/* Additional Bootstrap overrides */
.navbar-toggler {
  background-color: transparent;
  border-color: #ffffff;
}

.navbar-toggler-icon {
  background-image: none;
  color: #ffffff;
}

/* Force the navbar to be visible */
.navbar-modern,
.navbar-modern * {
  visibility: visible;
  opacity: 1;
}

/* Additional dropdown visibility controls for Bootstrap classes */
.dropdown-menu.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Ensure dropdowns are hidden when not hovered */
.navbar-nav .nav-item.dropdown .dropdown-menu,
.navbar-nav .dropdown .dropdown-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Show dropdowns on hover for Bootstrap navbar */
.navbar-nav .nav-item.dropdown:hover .dropdown-menu,
.navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}