/* Desktop dropdowns are anchored to their own navigation item. */
@media (min-width: 993px) {
  #menu .navigation > .menu-item { position: relative; }
  #menu .navigation > .menu-item > .sub-menu {
    top: 100%;
    left: 0;
    min-width: 220px;
    width: max-content;
    max-width: min(320px, 90vw);
    display: block;
    padding: 8px 0 !important;
    max-height: none;
    overflow: visible;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease, visibility .15s ease;
  }
  #menu .navigation > .menu-item:hover > .sub-menu,
  #menu .navigation > .menu-item:focus-within > .sub-menu,
  #menu .navigation > .menu-item.active > .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
  #menu .navigation > .menu-item > .sub-menu > .menu-item {
    padding: 0 12px;
    opacity: 1;
  }
  #menu .navigation > .menu-item > .sub-menu > .menu-item > a {
    justify-content: space-between;
    padding: 10px 8px;
    white-space: normal;
  }
}