/* 
=========================================
CUSTOM NAVIGATION OVERRIDES
=========================================
Targeting specific specificity issues in templatemo-lava.css
*/

/* 1. RESET BACKGROUNDS - Force transparent on desktop */
/* Crucial: Target the UL itself, not just LI */
.header-area .main-nav .nav,
.header-area .main-nav .nav li,
.header-area .main-nav .nav li a,
.background-header .main-nav .nav,
.background-header .main-nav .nav li,
.background-header .main-nav .nav li a {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. TEXT COLORS - Default State (Light) */
.header-area .main-nav .nav li a,
.background-header .main-nav .nav li a {
    color: #e2e8f0 !important;
    /* Slate-200 */
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* 3. HOVER & ACTIVE STATES - Blue */
/* Include .active class for Home button highlighting */
.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a:hover,
.header-area .main-nav .nav li.active a,
.header-area .main-nav .nav li a.active,
.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a:hover,
.background-header .main-nav .nav li.active a,
.background-header .main-nav .nav li a.active {
    color: #3b82f6 !important;
    /* Blue-500 */
    background: transparent !important;
    /* Ensure bg stays transparent */
}

/* 4. LOGIN BUTTON SPECIFIC (Last Child) */
.header-area .main-nav .nav li:last-child a {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 5. MOBILE MENU OVERRIDES (Max-width 991px) */
@media (max-width: 991px) {

    /* The main dropdown container needs a background */
    .header-area .main-nav .nav {
        background-color: #1e293b !important;
        /* Dark Slate BG */
        padding: 10px 0 !important;
        margin-top: 20px !important;
        float: none !important;
        /* Reset float for mobile */
    }

    /* Individual items must be transparent */
    .header-area .main-nav .nav li {
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .header-area .main-nav .nav li:last-child {
        border-bottom: none !important;
    }

    .header-area .main-nav .nav li a {
        background: transparent !important;
        color: #e2e8f0 !important;
        display: block !important;
        padding: 12px 20px !important;
        height: auto !important;
        line-height: normal !important;
    }

    /* Mobile Hover State */
    .header-area .main-nav .nav li:hover,
    .header-area .main-nav .nav li a:hover {
        background-color: rgba(59, 130, 246, 0.1) !important;
        /* Subtle blue bg on hover */
        color: #3b82f6 !important;
    }
}