/* 
 * Bootstrap Navigation Override - Fix #1
 * High Specificity Override for .nav-menu display: flex
 * Created: 2025-08-27
 */

/* Use maximum specificity to override Bootstrap */
@media (min-width: 992px) {
    /* Target the specific navigation structure with high specificity */
    #navigation > div.nav-menus-wrapper > ul.nav-menu:not(.nav-menu-social) {
        display: block !important;
        flex-direction: unset !important;
    }
    
    /* Additional backup selectors with even higher specificity */
    body #navigation > div.nav-menus-wrapper > ul.nav-menu:not(.nav-menu-social) {
        display: block !important;
    }
    
    /* Triple specificity override */
    html body #navigation > div.nav-menus-wrapper > ul.nav-menu:not(.nav-menu-social) {
        display: block !important;
        flex-direction: unset !important;
    }
}

/* Ensure the menu items display properly without flex */
@media (min-width: 992px) {
    .nav-menu:not(.nav-menu-social) > li {
        display: inline-block !important;
        float: left !important;
    }
    
    /* Override any Bootstrap list styling */
    html body .nav-menu:not(.nav-menu-social) > li {
        display: inline-block !important;
        float: left !important;
        flex: none !important;
    }
}