/* 
 * Bootstrap Navigation Surgical Fix #2
 * ONLY targets display: flex issue - preserves all other nav styles
 * Created: 2025-08-27
 */

/* Ultra-specific override targeting ONLY the flex display issue */
@media screen and (min-width: 992px) {
    /* Override Bootstrap's .nav-menu flex display with extreme specificity */
    html body .container #navigation .nav-menus-wrapper ul.nav-menu:not(.nav-menu-social) {
        display: block !important;
    }
    
    /* Additional nuclear option with attribute selectors */
    [class*="nav-menu"]:not([class*="nav-menu-social"]) {
        display: block !important;
    }
    
    /* Target by element and multiple classes for maximum override power */
    ul.nav-menu.nav-menu:not(.nav-menu-social) {
        display: block !important;
    }
    
    /* CSS specificity hack using :not() multiple times */
    .nav-menu:not(.nav-menu-social):not(.fake-class):not(.another-fake) {
        display: block !important;
    }
}

/* Preserve existing navigation functionality - ensure menu items stay properly arranged */
@media screen and (min-width: 992px) {
    /* Keep menu items in horizontal layout without flexbox */
    .nav-menu:not(.nav-menu-social) > li {
        display: inline-block !important;
        vertical-align: top !important;
    }
}

/* CSS Specificity Nuclear Option - Override any Bootstrap rule */
@media screen and (min-width: 992px) {
    /* This selector has extremely high specificity */
    body:not(.fake) html:not(.fake) #navigation:not(.fake) .nav-menus-wrapper:not(.fake) ul.nav-menu:not(.nav-menu-social):not(.fake) {
        display: block !important;
        flex-direction: unset !important;
        flex-wrap: unset !important;
        justify-content: unset !important;
        align-items: unset !important;
    }
}