/*
 * Keeps desktop dropdowns open while the pointer travels from the parent
 * navigation item to its menu. The bridge is disabled on touch devices.
 */
@media (hover: hover) and (pointer: fine) {
  .nav-dropdown::before {
    content: "";
    height: 24px;
    left: -18px;
    pointer-events: auto;
    position: absolute;
    right: -18px;
    top: 100%;
    z-index: 0;
  }

  .nav-dropdown .dropdown-panel {
    top: calc(100% + 12px);
  }

  .dropdown-nested::after {
    bottom: 0;
    content: "";
    left: 100%;
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 18px;
    z-index: 1;
  }
}