/* Bootstrap 5 Compatibility Fixes */

/* Disable native smooth scroll - use JavaScript instead */
html {
  scroll-behavior: auto !important;
}

/* Active navigation link styling - HSScrollNav compatibility */
.navbar-nav .nav-link.active,
.navbar-nav .nav-item.active .nav-link,
#js-scroll-nav .nav-link.active,
#js-scroll-nav .nav-item.active .nav-link {
  color: #18ba9b !important;
}

/* Fix hamburger menu visibility */
.navbar-toggler {
  border: none !important;
  padding: 0 !important;
  display: block !important;
  position: relative;
  z-index: 100;
}

.navbar-toggler:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* Ensure hamburger icon is visible */
.navbar-toggler .hamburger {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Default hamburger color (white on dark background) */
.navbar-toggler .hamburger-inner,
.navbar-toggler .hamburger-inner::before,
.navbar-toggler .hamburger-inner::after {
  background-color: #fff !important;
}

/* Change hamburger to dark when header background is light (scrolled) */
.u-header__section--light .navbar-toggler .hamburger-inner,
.u-header__section--light .navbar-toggler .hamburger-inner::before,
.u-header__section--light .navbar-toggler .hamburger-inner::after {
  background-color: #333 !important;
}

/* Show hamburger on mobile */
@media (max-width: 991px) {
  .navbar-toggler {
    display: block !important;
  }
  
  /* Default menu background (dark) */
  .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 20px;
    margin-top: 10px;
  }
  
  /* Light menu background when header is white (scrolled) */
  .u-header__section--light .navbar-collapse {
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  
  /* Dark text for links when menu is light */
  .u-header__section--light .navbar-nav .nav-link {
    color: #333 !important;
  }
  
  /* Keep active link teal in both states */
  .u-header__section--light .navbar-nav .nav-link.active,
  .u-header__section--light .navbar-nav .nav-item.active .nav-link {
    color: #18ba9b !important;
  }
  
  .navbar-nav {
    text-align: center;
  }
  
  /* Remove collapse animation delay for instant closing */
  .navbar-collapse.collapsing {
    transition: none !important;
    display: none;
  }
}

/* Hide hamburger on desktop */
@media (min-width: 992px) {
  .navbar-toggler {
    display: none !important;
  }
}