/* Navbar Theme Overrides */
/* This file overrides hardcoded colors in navbar-new.css with CSS variables */
/* Must be loaded AFTER navbar-new.css */

/* Navbar background */
#essential-navbar {
  background-color: var(--navbar-bg, #0d6a40) !important;
}

/* Navbar text color - override the grey #333 with white */
#essential-navbar #desktop-nav li a {
  color: var(--navbar-text, #ffffff) !important;
}

/* Active menu item styling */
#essential-navbar #desktop-nav li a.active {
  color: var(--navbar-text-hover, #e51937) !important;
}

#essential-navbar #desktop-nav li a.active::after {
  background-color: var(--navbar-text-hover, #e51937) !important;
}

/* Hover effect */
#essential-navbar #desktop-nav li a:hover:not(.active) {
  color: var(--navbar-text-hover, #e51937) !important;
}

/* Mobile nav links */
#essential-navbar #mobile-nav a {
  color: var(--navbar-text, #ffffff) !important;
}

/* Mobile toggle button */
#essential-navbar #essential-toggle span {
  background-color: var(--navbar-text, #ffffff) !important;
}

/* Search icon */
#essential-navbar .search-icon {
  color: var(--navbar-text-hover, #e51937) !important;
}

/* Dropdown menu styling - SEPARATE from main navbar */
#essential-navbar .dropdown-menu {
  background-color: var(--navbar-dropdown-bg, #ffffff) !important;
  border-color: var(--navbar-dropdown-border, #ddd) !important;
}

/* Dropdown menu text color */
#essential-navbar .dropdown-menu a {
  color: var(--navbar-dropdown-text, #000000) !important;
}

/* Dropdown menu link hover */
#essential-navbar .dropdown-menu a:hover,
#essential-navbar .dropdown-menu a.active {
  color: var(--navbar-dropdown-text-hover, #e51937) !important;
  background-color: var(
    --navbar-dropdown-hover-bg,
    rgba(0, 0, 0, 0.05)
  ) !important;
}

/* Language selector border */
#essential-navbar .language-selector {
  border-color: var(--navbar-text, #ffffff) !important;
}

/* Parent header hover styles */
#essential-navbar .parent-header-item:hover span,
#essential-navbar .parent-header-item.active span {
  color: var(--mega-menu-parent-hover, #e51937) !important;
}

#essential-navbar .parent-header-item::before,
#essential-navbar .parent-header-item:hover::before,
#essential-navbar .parent-header-item.active::before {
  background-color: var(--mega-menu-parent-hover, #e51937) !important;
}

/* ==========================================================================
                  MOBILE RESPONSIVE COLOR OVERRIDES
========================================================================== */

/* Mobile navigation background and text */
#essential-navbar #mobile-nav {
  background: var(--mobile-nav-bg, #ffffff) !important;
  border-color: var(--mobile-nav-border-color, #eeeeee) !important;
}

#essential-navbar #mobile-nav a {
  color: var(--mobile-nav-text, #333333) !important;
}

#essential-navbar #mobile-nav a:hover {
  color: var(--mobile-nav-text-hover, #0D6A40) !important;
}

#essential-navbar #mobile-nav li {
  border-bottom: 1px solid var(--mobile-nav-border-color, #eeeeee) !important;
}

/* Mobile toggle button */
#essential-navbar #essential-toggle span {
  background-color: var(--mobile-toggle-bar-color, #333333) !important;
}

#essential-navbar #essential-toggle.active span {
  background-color: var(--mobile-toggle-bar-color-active, #0D6A40) !important;
}

/* Mobile dropdown containers */
#essential-navbar .mobile-dropdown > div {
  background: var(--mobile-dropdown-header-bg, #ffffff) !important;
  border-bottom: 1px solid var(--mobile-nav-border-color-light, #f0f0f0) !important;
}

#essential-navbar .mobile-dropdown > div:hover {
  background: var(--mobile-dropdown-header-bg-hover, #f8f9fa) !important;
}

#essential-navbar .mobile-dropdown > div > a {
  color: var(--mobile-dropdown-text, #333333) !important;
}

#essential-navbar .mobile-dropdown > div > a:hover {
  color: var(--mobile-dropdown-text-hover, #0D6A40) !important;
}

/* Mobile dropdown toggle buttons */
#essential-navbar .mobile-dropdown-toggle {
  color: var(--mobile-dropdown-toggle-color, #666666) !important;
}

#essential-navbar .mobile-dropdown-toggle:hover {
  color: var(--mobile-dropdown-toggle-color-hover, #0D6A40) !important;
}

#essential-navbar .mobile-dropdown-toggle.active {
  color: var(--mobile-dropdown-toggle-color-active, #0D6A40) !important;
}

/* Mobile submenu */
#essential-navbar .mobile-submenu {
  background: var(--mobile-submenu-bg, #f8f9fa) !important;
}

/* Mobile parent headers - regular type */
#essential-navbar .mobile-parent-header.regular-type {
  background: var(--mobile-parent-header-regular-bg, #ffffff) !important;
  border-left: 3px solid var(--mobile-parent-header-regular-border-left, #f5f5f5) !important;
}

#essential-navbar .mobile-parent-header.regular-type:hover {
  background: var(--mobile-parent-header-regular-bg-hover, #f8f9fa) !important;
}

#essential-navbar .mobile-parent-header.regular-type .mobile-parent-text {
  color: var(--mobile-parent-header-regular-text, #495057) !important;
}

/* Mobile parent headers - parent header type */
#essential-navbar .mobile-parent-header.parent-header-type {
  background: var(--mobile-parent-header-parent-type-bg, #f8f9fa) !important;
  border-left: 3px solid var(--mobile-parent-header-parent-type-border-left, #0D6A40) !important;
}

#essential-navbar .mobile-parent-header.parent-header-type:hover {
  background: var(--mobile-parent-header-parent-type-bg-hover, #e9ecef) !important;
}

#essential-navbar .mobile-parent-header.parent-header-type .mobile-parent-text {
  color: var(--mobile-parent-header-parent-type-text, #0D6A40) !important;
}

/* Mobile parent headers - multiedit type */
#essential-navbar .mobile-parent-header.multiedit-type {
  background: var(--mobile-parent-header-multiedit-type-bg, #f0f8ff) !important;
  border-left: 3px solid var(--mobile-parent-header-multiedit-type-border-left, #28a745) !important;
}

#essential-navbar .mobile-parent-header.multiedit-type:hover {
  background: var(--mobile-parent-header-multiedit-type-bg-hover, #e6f3ff) !important;
}

#essential-navbar .mobile-parent-header.multiedit-type .mobile-parent-text,
#essential-navbar .mobile-parent-link {
  color: var(--mobile-parent-header-multiedit-type-text, #28a745) !important;
}

/* Mobile child items */
#essential-navbar .mobile-child-item-container {
  background: var(--mobile-child-bg, #ffffff) !important;
  border-bottom: 1px solid var(--mobile-child-border-color, #f5f5f5) !important;
}

#essential-navbar .mobile-child-item-container:hover {
  background: var(--mobile-child-bg-hover, #f8f9fa) !important;
}

#essential-navbar .mobile-child-link {
  color: var(--mobile-child-text, #101010) !important;
}

#essential-navbar .mobile-child-link:hover {
  color: var(--mobile-child-text-hover, #0D6A40) !important;
}

#essential-navbar .mobile-child-link::before {
  color: var(--mobile-child-bullet-color, #0D6A40) !important;
}

/* Mobile title containers */
#essential-navbar .mobile-title-container {
  background: var(--mobile-title-container-bg, #ffffff) !important;
  border: 1px solid var(--mobile-title-container-border, #e9ecef) !important;
}

#essential-navbar .mobile-title-header {
  background: var(--mobile-title-header-bg, #f8f9fa) !important;
}

#essential-navbar .mobile-title-header:hover {
  background: var(--mobile-title-header-bg-hover, #e9ecef) !important;
}

#essential-navbar .mobile-title-header:active {
  background: var(--mobile-title-header-bg-active, #dee2e6) !important;
}

#essential-navbar .mobile-title-text {
  color: var(--mobile-title-text, #495057) !important;
}

#essential-navbar .mobile-title-toggle {
  color: var(--mobile-title-toggle-color, #666666) !important;
}

#essential-navbar .mobile-title-toggle.active {
  color: var(--mobile-title-toggle-color-active, #0D6A40) !important;
}

/* Mobile title children */
#essential-navbar .mobile-title-children {
  background-color: var(--mobile-title-children-bg, #ffffff) !important;
  border-top: 1px solid var(--mobile-title-children-border, #b3d9ff) !important;
}

#essential-navbar .title-child-mobile a {
  color: var(--mobile-title-child-text, #0D6A40) !important;
}

#essential-navbar .title-child-mobile a:hover {
  background-color: var(--mobile-title-child-bg-hover, #f0f8ff) !important;
}

#essential-navbar .title-child-mobile a::before {
  color: var(--mobile-title-child-text, #0D6A40) !important;
}

/* Mobile nested title containers - Level 2 */
#essential-navbar .mobile-title-children .mobile-title-container {
  border-left: 2px solid var(--mobile-title-nested-level2-border-left, #0D6A40) !important;
  background: var(--mobile-title-nested-level2-bg, #f9f9f9) !important;
}

#essential-navbar .mobile-title-children .mobile-title-container .mobile-title-header {
  background: var(--mobile-title-nested-level2-header-bg, #f4f4f4) !important;
}

#essential-navbar .mobile-title-children .mobile-title-container .mobile-title-text {
  color: var(--mobile-title-nested-level2-text, #0D6A40) !important;
}

#essential-navbar .mobile-title-children .mobile-title-container .mobile-title-toggle {
  color: var(--mobile-title-nested-level2-text, #0D6A40) !important;
}

/* Mobile nested title containers - Level 3 */
#essential-navbar .mobile-title-children .mobile-title-container .mobile-title-children .mobile-title-container {
  border-left: 2px solid var(--mobile-title-nested-level3-border-left, #6c757d) !important;
  background: var(--mobile-title-nested-level3-bg, #f5f5f5) !important;
}

#essential-navbar .mobile-title-children .mobile-title-container .mobile-title-children .mobile-title-container .mobile-title-header {
  background: var(--mobile-title-nested-level3-header-bg, #f0f0f0) !important;
}

#essential-navbar .mobile-title-children .mobile-title-container .mobile-title-children .mobile-title-container .mobile-title-text {
  color: var(--mobile-title-nested-level3-text, #6c757d) !important;
}

#essential-navbar .mobile-title-children .mobile-title-container .mobile-title-children .mobile-title-container .mobile-title-toggle {
  color: var(--mobile-title-nested-level3-text, #6c757d) !important;
}

/* Mobile region selector */
#essential-navbar .mobile-region-selector {
  background: var(--mobile-region-selector-bg, #f8f9fa) !important;
  border-top: 1px solid var(--mobile-region-selector-border-color, #e9ecef) !important;
}

#essential-navbar .mobile-region-selector > div {
  background: var(--mobile-region-selector-header-bg, #f0f0f0) !important;
}

#essential-navbar .mobile-region-selector > div:hover {
  background: var(--mobile-region-selector-header-bg-hover, #e9ecef) !important;
}

#essential-navbar .mobile-region-selector > div > span {
  color: var(--mobile-region-selector-text, #495057) !important;
}

#essential-navbar .mobile-region-selector > div > span i {
  color: var(--mobile-region-selector-icon-color, #6c757d) !important;
}

#essential-navbar .mobile-region-selector .mobile-submenu {
  background: var(--mobile-region-selector-submenu-bg, #f5f5f5) !important;
}

#essential-navbar .mobile-region-selector .mobile-submenu li a {
  color: var(--mobile-region-selector-link-text, #495057) !important;
  border-bottom: 1px solid var(--mobile-region-selector-border-color, #e9ecef) !important;
}

#essential-navbar .mobile-region-selector .mobile-submenu li a:hover {
  background: var(--mobile-region-selector-link-bg-hover, #e9ecef) !important;
  color: var(--mobile-region-selector-link-text-hover, #343a40) !important;
}

/* Mobile search */
#essential-navbar .mobile-search-container {
  background: var(--mobile-search-container-bg, #f8f9fa) !important;
  border-bottom: 1px solid var(--mobile-region-selector-border-color, #e9ecef) !important;
}

#essential-navbar .mobile-search-input {
  background: var(--mobile-search-input-bg, #ffffff) !important;
  border: 1px solid var(--mobile-search-input-border, #dddddd) !important;
}

#essential-navbar .mobile-search-input:focus {
  border-color: var(--mobile-search-input-border-focus, #0D6A40) !important;
}

#essential-navbar .mobile-search-results {
  background: var(--mobile-search-result-bg, #ffffff) !important;
  border: 1px solid var(--mobile-search-result-border, #e9ecef) !important;
}

#essential-navbar .mobile-search-result:hover {
  background-color: var(--mobile-search-result-bg-hover, #f8f9fa) !important;
}

/* Mobile separators */
#essential-navbar .mobile-separator {
  background: var(--mobile-separator-color, #e9ecef) !important;
}