/* navbar-fix.css
   Scoped override to restore Bootstrap collapse/show behavior for the header navbar on small screens.
   Loaded after Bootstrap so it can override plugin/theme rules that use !important.
*/

/* Mobile & tablet: hide collapsed nav by default and show when .show is present */
@media (max-width: 991.98px) {
  header .navbar-collapse.collapse {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    transition: height .35s ease !important;
  }

  header .navbar-collapse.collapse.show {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
}

/* Desktop: ensure navbar displays as flex (matches .navbar-expand-lg behavior) */
@media (min-width: 992px) {
  header .navbar-collapse {
    display: flex !important;
    height: auto !important;
    overflow: visible !important;
  }
}