/* Mobile Collapse Fix - Force collapse hidden on mobile until toggled */

/* Hide collapse by default on mobile (< 992px) */
@media (max-width: 991px) {
    #navbarResponsive {
        display: none !important;
    }

    /* Show collapse only when .show class is present */
    #navbarResponsive.show {
        display: block !important;
    }
}

/* On desktop, ensure collapse is always visible */
@media (min-width: 992px) {
    #navbarResponsive {
        display: flex !important;
    }
}