/* Mobile + shared header toggler — loaded from navbar so all templates get correct collapse layout */
@media (max-width: 991px) {
  .site__header .navbar > .container-fluid {
    flex-wrap: wrap;
  }
  .site__header .navbar .navbar-brand {
    order: 1;
  }
  .site__header .navbar .navbar__actions {
    order: 2;
    margin-left: auto !important;
  }
  .site__header .navbar .navbar-collapse {
    order: 3;
    flex-basis: 100%;
    width: 100%;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    padding: 0.75rem 0 1rem;
    margin-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    z-index: auto;
    max-height: min(72vh, calc(100dvh - 5.5rem));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .site__header .navbar .nav-item.dropdown > .dropdown-toggle.nav-link {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
  .site__header .navbar .navbar-nav {
    width: 100%;
    align-items: flex-start;
  }
  .site__header .navbar .nav-item {
    width: 100%;
  }
  .site__header .navbar .navbar-collapse .dropdown .dropdown-menu {
    position: static !important;
    top: auto !important;
    transform: none !important;
    min-width: 100%;
    max-width: 100%;
    margin-top: 0.25rem;
  }
}

.site__header .navbar-toggler {
  background-color: rgba(255, 255, 255, 0.18);
  line-height: 0;
}

.site__header .navbar-toggler:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.85);
  outline-offset: 2px;
}