/* mobile-navbar-fix.css
   Restores Bootstrap 5 collapse behavior on small screens by overriding legacy off-canvas rules
*/

@media (max-width: 991.98px) {
  /* Unfix the legacy off-canvas navbar so Bootstrap's collapse works */
  .navbar-collapse {
    position: static !important;
    width: auto !important;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  /* Ensure collapsed state matches Bootstrap expectations */
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse.show {
    display: block !important;
  }

  /* Make sure menu-open class doesn't force off-canvas behavior */
  .navbar-collapse.menu-open {
    left: auto !important;
  }
}