/* Only explicitly enabled instances, and only the mobile dropdown. */
@media (max-width: 767px) {
  .lobios-mobile-menu-yes.lobios-menu-ready {
    --lobios-menu-top: calc(var(--lobios-menu-anchor, 68px) + var(--lobios-mobile-menu-gap, 0px));
    min-width: 0;
  }
  .lobios-menu-ready .uael-nav-menu__toggle {
    position: relative;
    z-index: 10001;
  }
  .lobios-menu-ready .uael-nav-menu__toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px;
  }
  .lobios-menu-ready .uael-nav-menu-icon {
    display: inline-block;
    position: relative;
    width: var(--lobios-menu-icon-width, 1em);
    height: var(--lobios-menu-icon-height, 1em);
    min-width: 24px;
    min-height: 24px;
    vertical-align: middle;
  }
  .lobios-menu-ready .uael-nav-menu-icon > * { display: none !important; }
  .lobios-menu-ready .uael-nav-menu-icon::before,
  .lobios-menu-ready .uael-nav-menu-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(100%, var(--lobios-mobile-menu-bar-width, 28px));
    height: var(--lobios-mobile-menu-bar-thickness, 2px);
    border-radius: 10px;
    background: var(--lobios-menu-bar-color, currentColor);
    transform: translate(-50%, calc(-50% - 5px));
    transition: transform var(--lobios-mobile-menu-duration, 280ms) ease;
    pointer-events: none;
  }
  .lobios-menu-ready .uael-nav-menu-icon::after { transform: translate(-50%, calc(-50% + 5px)); }
  .lobios-menu-ready.lobios-menu-open .uael-nav-menu-icon::before { transform: translate(-50%, -50%) rotate(45deg); }
  .lobios-menu-ready.lobios-menu-open .uael-nav-menu-icon::after { transform: translate(-50%, -50%) rotate(-45deg); }
  .lobios-menu-ready .uael-nav-menu__toggle + nav.uael-dropdown {
    box-sizing: border-box;
    position: fixed !important;
    top: var(--lobios-menu-top) !important;
    left: 50% !important;
    right: auto !important;
    width: min(100vw, var(--lobios-mobile-menu-width, 80vw)) !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 0;
    min-width: 0;
    max-height: max(0px, calc(var(--lobios-menu-viewport, 100dvh) - var(--lobios-menu-top) - 12px));
    margin: 0 !important;
    border-radius: var(--lobios-mobile-menu-radius, 12px) !important;
    overflow: auto !important;
    overscroll-behavior: contain;
    z-index: 10000 !important;
    visibility: hidden !important;
    pointer-events: none;
    transform: translate(-50%, calc(-100% - var(--lobios-menu-top)));
    transition: transform var(--lobios-mobile-menu-duration, 280ms) ease, visibility 0s var(--lobios-mobile-menu-duration, 280ms);
  }
  .lobios-menu-ready .uael-nav-menu__toggle + nav.uael-dropdown > ul.uael-nav-menu {
    display: block !important;
    height: auto !important;
    width: 100%;
    box-sizing: border-box;
  }
  .lobios-menu-ready.lobios-menu-open .uael-nav-menu__toggle + nav.uael-dropdown {
    visibility: visible !important;
    pointer-events: auto;
    transform: translate(-50%, 0);
    transition-delay: 0s;
  }
  .lobios-menu-ready .uael-dropdown :is(ul, li, a, span) { min-width: 0; }
  .lobios-menu-ready .uael-dropdown a { overflow-wrap: anywhere; white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .lobios-menu-ready { --lobios-mobile-menu-duration: 0ms !important; }
}