/* ============================================ *
 * Navigation Menu Centering - Custom Override
 * Date: September 2025
 * ============================================ */

/* Desktop Navigation Centering */
@media only screen and (min-width: 771px) {
    /* Main navigation container */
    #header-nav {
        text-align: center !important;
    }
    
    nav#nav {
        display: inline-block !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    
    /* Primary navigation list */
    .nav-primary {
        display: inline-block !important;
        margin: 0 auto !important;
        padding: 0 !important;
        list-style: none !important;
        float: none !important;
        text-align: center !important;
    }
    
    /* Individual menu items */
    .nav-primary > li.level0 {
        display: inline-block !important;
        float: none !important;
        vertical-align: top !important;
        margin: 0 !important;
        position: relative !important;
    }
    
    /* Ensure links maintain their styling */
    .nav-primary li.level0 > a {
        display: block !important;
        white-space: nowrap !important;
    }
    
    /* Dropdown menus positioning */
    .nav-primary li.level0 ul {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        text-align: left !important;
    }
    
    /* Reset any conflicting styles */
    ol.nav-primary {
        padding-left: 0 !important;
        width: auto !important;
    }
}

/* Ensure mobile menu is not affected */
@media only screen and (max-width: 770px) {
    /* Mobile styles remain unchanged */
    nav#nav,
    .nav-primary {
        text-align: left !important;
    }
}