/* ===============================================
   NAVBAR5 HAD COLOR CORRECTION
   Fixes incorrect navigation colors to use proper HAD brand colors
   =============================================== */

/* Fix main navigation links in navbar5 to use correct HAD blue */
.homepage .vl-header-area5 .vl-main-menu ul li a,
.body5.homepage .vl-header-area5 .vl-main-menu ul li a,
.vl-header-area5 .vl-main-menu ul li a {
    color: #1E5F99 !important; /* HAD Primary Blue: rgb(30, 95, 153) */
    font-weight: 500 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    padding: 12px 16px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

/* Override any incorrect blue colors */
.homepage .vl-main-menu ul li a[style*="rgb(30, 58, 138)"],
.body5.homepage .vl-main-menu ul li a[style*="rgb(30, 58, 138)"],
.vl-main-menu ul li a[style*="rgb(30, 58, 138)"] {
    color: #1E5F99 !important; /* Correct HAD blue */
}

/* Hover states for navbar5 main menu */
.homepage .vl-header-area5 .vl-main-menu ul li a:hover,
.body5.homepage .vl-header-area5 .vl-main-menu ul li a:hover,
.vl-header-area5 .vl-main-menu ul li a:hover {
    color: #FF6600 !important; /* HAD Primary Orange */
    background-color: rgba(255, 102, 0, 0.05) !important;
    border-radius: 4px !important;
}

/* Active menu item states */
.homepage .vl-header-area5 .vl-main-menu ul li a.active,
.body5.homepage .vl-header-area5 .vl-main-menu ul li a.active,
.vl-header-area5 .vl-main-menu ul li a.active,
.homepage .vl-header-area5 .vl-main-menu ul li.current-menu-item > a,
.body5.homepage .vl-header-area5 .vl-main-menu ul li.current-menu-item > a,
.vl-header-area5 .vl-main-menu ul li.current-menu-item > a {
    color: #FF6600 !important; /* HAD Primary Orange */
    font-weight: 600 !important;
    background-color: rgba(255, 102, 0, 0.08) !important;
    border-radius: 4px !important;
}

/* Dropdown arrows should also use HAD colors */
.homepage .vl-header-area5 .vl-main-menu ul li a span i,
.body5.homepage .vl-header-area5 .vl-main-menu ul li a span i,
.vl-header-area5 .vl-main-menu ul li a span i {
    color: inherit !important;
    transition: transform 0.3s ease !important;
}

.homepage .vl-header-area5 .vl-main-menu ul li:hover > a span i,
.body5.homepage .vl-header-area5 .vl-main-menu ul li:hover > a span i,
.vl-header-area5 .vl-main-menu ul li:hover > a span i {
    transform: rotate(180deg) !important;
    color: #FF6600 !important;
}

/* Header background should remain consistent */
.homepage .vl-header-area5 .header5-bg,
.body5.homepage .vl-header-area5 .header5-bg,
.vl-header-area5 .header5-bg {
    background: #FFFFFF !important;
    border-bottom: 1px solid #e8e9ea !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Sticky header styling */
.homepage .vl-header-area5.sticky,
.body5.homepage .vl-header-area5.sticky,
.vl-header-area5.sticky {
    background: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Social media icons in header */
.homepage .vl-header-area5 .header5-social-wedget a,
.body5.homepage .vl-header-area5 .header5-social-wedget a,
.vl-header-area5 .header5-social-wedget a {
    color: #1E5F99 !important;
    transition: all 0.3s ease !important;
}

.homepage .vl-header-area5 .header5-social-wedget a:hover,
.body5.homepage .vl-header-area5 .header5-social-wedget a:hover,
.vl-header-area5 .header5-social-wedget a:hover {
    color: #FF6600 !important;
    transform: translateY(-2px) !important;
}

/* Search button styling */
.homepage .vl-header-area5 .search-open-btn,
.body5.homepage .vl-header-area5 .search-open-btn,
.vl-header-area5 .search-open-btn {
    color: #1E5F99 !important;
    background: none !important;
    border: none !important;
    font-size: 18px !important;
    transition: all 0.3s ease !important;
}

.homepage .vl-header-area5 .search-open-btn:hover,
.body5.homepage .vl-header-area5 .search-open-btn:hover,
.vl-header-area5 .search-open-btn:hover {
    color: #FF6600 !important;
}

/* Mobile menu toggle */
.homepage .vl-header-area5 .vl-offcanvas-toggle,
.body5.homepage .vl-header-area5 .vl-offcanvas-toggle,
.vl-header-area5 .vl-offcanvas-toggle {
    color: #1E5F99 !important;
    border: 1px solid #1E5F99 !important;
    background: transparent !important;
    transition: all 0.3s ease !important;
}

.homepage .vl-header-area5 .vl-offcanvas-toggle:hover,
.body5.homepage .vl-header-area5 .vl-offcanvas-toggle:hover,
.vl-header-area5 .vl-offcanvas-toggle:hover {
    color: #FFFFFF !important;
    background: #FF6600 !important;
    border-color: #FF6600 !important;
}

/* Force override any template-specific colors */
.homepage .vl-header-area5 .vl-main-menu ul > li > a,
.body5.homepage .vl-header-area5 .vl-main-menu ul > li > a,
.vl-header-area5 .vl-main-menu ul > li > a {
    color: #1E5F99 !important; /* HAD Primary Blue - NOT rgb(30, 58, 138) */
}

/* Override computed styles */
.homepage .vl-header-area5 .vl-main-menu ul > li > a:not(:hover):not(.active),
.body5.homepage .vl-header-area5 .vl-main-menu ul > li > a:not(:hover):not(.active),
.vl-header-area5 .vl-main-menu ul > li > a:not(:hover):not(.active) {
    color: #1E5F99 !important; /* Force HAD blue, not any other blue */
}

/* Ensure consistent spacing and alignment */
.homepage .vl-header-area5 .vl-main-menu ul li,
.body5.homepage .vl-header-area5 .vl-main-menu ul li,
.vl-header-area5 .vl-main-menu ul li {
    margin: 0 4px !important;
}

.homepage .vl-header-area5 .vl-main-menu ul li:last-child,
.body5.homepage .vl-header-area5 .vl-main-menu ul li:last-child,
.vl-header-area5 .vl-main-menu ul li:last-child {
    margin-right: 0 !important;
}

/* Focus states for accessibility */
.homepage .vl-header-area5 .vl-main-menu ul li a:focus,
.body5.homepage .vl-header-area5 .vl-main-menu ul li a:focus,
.vl-header-area5 .vl-main-menu ul li a:focus {
    outline: 2px solid #FF6600 !important;
    outline-offset: 2px !important;
    background: rgba(255, 102, 0, 0.1) !important;
    border-radius: 4px !important;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .homepage .vl-header-area5 .vl-main-menu ul li a,
    .body5.homepage .vl-header-area5 .vl-main-menu ul li a,
    .vl-header-area5 .vl-main-menu ul li a {
        border: 1px solid transparent !important;
    }
    
    .homepage .vl-header-area5 .vl-main-menu ul li a:hover,
    .body5.homepage .vl-header-area5 .vl-main-menu ul li a:hover,
    .vl-header-area5 .vl-main-menu ul li a:hover,
    .homepage .vl-header-area5 .vl-main-menu ul li a:focus,
    .body5.homepage .vl-header-area5 .vl-main-menu ul li a:focus,
    .vl-header-area5 .vl-main-menu ul li a:focus {
        border-color: #FF6600 !important;
    }
}

/* ===============================================
   CRITICAL COLOR OVERRIDE
   Ensures HAD blue (rgb(30, 95, 153)) is used instead of incorrect blue (rgb(30, 58, 138))
   =============================================== */

/* Nuclear option - override any possible blue color variations */
.vl-header-area5 *[style*="30, 58, 138"],
.homepage *[style*="30, 58, 138"],
.body5 *[style*="30, 58, 138"] {
    color: rgb(30, 95, 153) !important; /* HAD Primary Blue */
}

/* Override CSS custom properties */
.homepage .vl-header-area5,
.body5.homepage .vl-header-area5,
.vl-header-area5 {
    --vtc-text-title-2: #1E5F99 !important;
    --vtc-bg-main: #FF6600 !important;
}