/* Custom Global Overrides */

#header {
    padding: 15px 0 !important;
    height: auto !important;
    min-height: 70px !important;
    background: rgba(1, 4, 136, 0.85) !important; /* Semi-transparent matching hero */
    backdrop-filter: blur(10px); /* Modern glass effect */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    overflow: visible !important;
}

#header .container-fluid {
    overflow: visible !important;
}

body.mobile-nav-active #header {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    height: 100vh !important;
    bottom: 0 !important;
    background: rgba(1, 4, 136, 0.98) !important;
}

#header .logo h1 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #fff !important;
    letter-spacing: -1px;
}

#header .navmenu a {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 500 !important;
}

#header .navmenu a:hover,
#header .navmenu a.active {
    color: #388da8 !important; /* Main brand color */
}

#header .navmenu a.active::before {
    background-color: #388da8 !important; /* Match brand color */
}

#header .navmenu .btn-get-started {
    background: #388da8 !important;
    color: #fff !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    transition: 0.3s;
    font-weight: 600 !important;
}

#header .navmenu .btn-get-started:hover {
    background: #2c7186 !important;
    transform: scale(1.05);
}

/* Ensure fixed header doesn't overlap content too much */
body {
    padding-top: 60px !important;
}

/* Mobile Nav Colors Fix */
@media (max-width: 1199px) {
    .navmenu ul {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        inset: 80px 20px 20px 20px !important; /* give space for header */
    }
}

/* Fix for mobile toggle alignment */
.mobile-nav-toggle {
    margin-right: 10px;
}