/* Fix for mobile menu always open on page load */
@media (max-width: 768px) {
  /* Ensure navbar-collapse is hidden by default */
  .navbar-collapse.collapse {
    display: none;
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }
  
  /* Only show when explicitly expanded */
  .navbar-collapse.collapse.in {
    display: block;
    height: auto;
    overflow: visible;
    visibility: visible;
  }
  
  /* Ensure button shows correct state */
  .navbar-toggle.collapsed {
    border-color: var(--neutral-white);
  }
  
  /* Fix for any CSS that might be overriding collapse behavior */
  #site-navigation {
    display: none;
  }
  
  #site-navigation.in {
    display: block;
  }
}