/* Native navigation remains available when JavaScript is unavailable. */
@media (max-width: 1440px) {
  .sl-header .sl-mobile-nav-enhanced .is-menu-open li.has-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px;
    column-gap: 12px;
    align-items: start;
    width: 100%;
  }

  .sl-header .sl-mobile-nav-enhanced .is-menu-open li.has-child > .wp-block-navigation-item__content {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    width: auto !important;
    align-self: center;
    overflow-wrap: anywhere;
  }

  .sl-header .sl-mobile-nav-enhanced .is-menu-open li.has-child > ul.wp-block-navigation__submenu-container {
    display: none !important;
    grid-column: 1 / -1;
    grid-row: 2;
    position: static !important;
    flex-direction: column;
    align-items: stretch !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .sl-header .sl-mobile-nav-enhanced .is-menu-open li.has-child.sl-submenu-expanded > ul.wp-block-navigation__submenu-container {
    display: flex !important;
  }

  .sl-header .sl-mobile-nav-enhanced .is-menu-open .sl-mobile-toggle:not([hidden]) {
    appearance: none;
    display: grid;
    grid-column: 2;
    grid-row: 1;
    place-items: center;
    align-self: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid #ffffff40;
    border-radius: 50%;
    background: transparent;
    color: var(--sl-lime, #d5f782);
    font: inherit;
    cursor: pointer;
    transition: background-color .18s, border-color .18s;
  }

  .sl-header .sl-mobile-nav-enhanced .is-menu-open .sl-mobile-toggle:hover,
  .sl-header .sl-mobile-nav-enhanced .is-menu-open .sl-mobile-toggle[aria-expanded="true"] {
    background: #ffffff10;
    border-color: var(--sl-lime, #d5f782);
  }

  .sl-header .sl-mobile-nav-enhanced .is-menu-open .sl-mobile-toggle:focus-visible {
    outline: 2px solid var(--sl-lime, #d5f782);
    outline-offset: 3px;
  }

  .sl-header .sl-mobile-nav-enhanced .is-menu-open .sl-mobile-toggle-icon {
    display: block;
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .18s;
  }

  .sl-header .sl-mobile-nav-enhanced .is-menu-open .sl-mobile-toggle[aria-expanded="true"] > .sl-mobile-toggle-icon {
    transform: translateY(2px) rotate(225deg);
  }
}

@media (max-width: 1440px) and (prefers-reduced-motion: reduce) {
  .sl-header .sl-mobile-nav-enhanced .is-menu-open .sl-mobile-toggle,
  .sl-header .sl-mobile-nav-enhanced .is-menu-open .sl-mobile-toggle-icon {
    animation: none !important;
    transition: none !important;
  }
}