/* Navigation Color Override Component */
/* Fix navigation hover and active colors to match website color scheme */
/* Website primary color: #ff3131 */

/* Override navigation hover colors */
.header-nav .nav > li:hover > a {
  color: #ff3131 !important;
}

/* Override navigation active colors */
.header-nav .nav > li.active > a {
  color: #ff3131 !important;
}

/* Override any dropdown menu item hover colors */
.header-nav .nav > li .mega-menu li:hover > a,
.header-nav .nav > li .sub-menu li:hover > a {
  color: #ff3131 !important;
}

/* Mobile navigation hover colors */
@media (max-width: 990px) {
  .header-nav .nav > li:hover > a,
  .header-nav .nav > li.active > a {
    color: #ff3131 !important;
  }
}

/* Focus states for accessibility */
.header-nav .nav > li > a:focus {
  color: #ff3131 !important;
}

/* Ensure consistent colors across all navigation states */
.header-nav .navbar .nav > li:hover > a,
.header-nav .navbar .nav > li.active > a,
.header-nav .navbar .nav > li > a:hover,
.header-nav .navbar .nav > li > a:focus {
  color: #ff3131 !important;
}

/* Navigation font size adjustment */
.header-nav .nav > li > a {
  font-size: 16px !important;
}