/* Override Bootstrap's default collapse behavior for our custom menu */
@media (max-width: 991px) {
  /* Disable Bootstrap collapse behavior */
  #navbarNav {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  /* Prevent Bootstrap transitions */
  .collapsing {
    transition: none !important;
  }
  
  /* Fix for navbar toggle button */
  .navbar-toggler {
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
    padding: 0.5rem !important;
  }
  
  .navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
    outline: none !important;
  }
  
  /* Hide search on mobile - will be in menu */
  .navbar > .container-fluid > .search-container {
    display: none !important;
  }
}