/* === Mobile navbar visibility & toggle fix (v86) === */

/* Force a clearly visible white hamburger even on dark backgrounds */
.navbar-light .navbar-toggler {
  border-color: rgba(255,255,255,0.9) !important;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='3' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  opacity: 1 !important;
}

/* Ensure the collapsed menu overlays content and is clickable */
.navbar .navbar-collapse {
  z-index: 1050;
}

/* Desktop link colours for visibility */
@media (min-width: 992px) {
  .navbar-light .navbar-nav .nav-link {
    color: #111 !important;
    font-weight: 500;
  }
  .navbar-light .navbar-nav .nav-link:hover,
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link.active {
    color: #000 !important;
  }
}

/* Fix any templates that disable pointer events on nav */
.navbar, .navbar * {
  pointer-events: auto !important;
}

/* Make the toggler sit on top of overlapping elements */
.navbar .navbar-toggler {
  z-index: 1060;
}