@media (max-width: 991px) {
    /* Make the collapsed navbar sit on top of the dark overlay */
    .navbar-collapse {
      position: absolute;
      top: 56px;             /* match your header height */
      left: 0;
      right: 0;
      background: #fff;      /* solid white so it’s clickable */
      padding: 1rem;
      z-index: 1050;         /* above your overlay but below any modals */
    }
    .navbar-toggler {
      z-index: 1100;         /* keep the hamburger icon on top */
    }
  }