/* =========================================
   FINAL HEADER FIXES (Layout & Animation)
   ========================================= */

/* 1. Header Container: Max Width & Spacing */
.site-header .container {
    display: flex !important;
    justify-content: space-between !important; /* Pushes items apart */
    align-items: center !important;
    width: 100% !important;
    max-width: 1400px !important; /* Limits width on big screens */
    margin: 0 auto !important;
    padding: 15px 40px !important; /* More breathing room on edges */
}

/* 2. Logo Area */
.site-branding {
    flex-shrink: 0; /* Prevents logo from shrinking */
    margin-right: auto; /* Safety: Pushes everything else to the right */
}

/* 3. Menu Wrapper (Nav + Button) */
.desktop-menu-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 40px !important; /* Space between Menu and Button */
}

/* 4. Navigation Links (The Animation) */
#primary-menu {
    display: flex !important;
    gap: 30px !important; /* Space between links */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#primary-menu li a {
    color: #052641 !important; /* Navy Default */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    position: relative; /* Needed for the underline */
    padding-bottom: 5px;
    transition: color 0.3s ease;
}

/* The Animated Underline */
#primary-menu li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #95ac4d; /* Green Line */
    transition: width 0.3s ease;
}

/* Hover State */
#primary-menu li a:hover {
    color: #95ac4d !important; /* Text turns Green */
}

#primary-menu li a:hover::after {
    width: 100%; /* Line grows to full width */
}

/* Active Page State */
#primary-menu li.current-menu-item > a {
    color: #95ac4d !important;
}
#primary-menu li.current-menu-item > a::after {
    width: 100%; /* Active page always has line */
}

/* 5. "Call Now" Button styling */
.header-cta-btn {
    margin-left: 0 !important; /* Reset margins */
}