/* Desktop pointer navigation: dropdowns stay open while the pointer is on the
   trigger, inside the menu, or crossing the small gap to SWH-1's submenu.
   Mobile/touch navigation retains Mobirise's click-to-open behaviour. */
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
  .navbar.navbar-expand-lg .navbar-nav > .dropdown:hover > .dropdown-menu,
  .navbar.navbar-expand-lg .navbar-nav > .dropdown:focus-within > .dropdown-menu,
  .navbar.navbar-expand-lg .navbar-nav > .dropdown > .dropdown-menu .lp-product-submenu:hover > .dropdown-menu,
  .navbar.navbar-expand-lg .navbar-nav > .dropdown > .dropdown-menu .lp-product-submenu:focus-within > .dropdown-menu {
    display: flex !important;
    flex-direction: column;
    opacity: 1 !important;
    visibility: visible !important;
  }
  /* Invisible hit areas keep :hover active while crossing the visual gaps. */
  .navbar.navbar-expand-lg .navbar-nav > .dropdown > .dropdown-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
  }
  .navbar.navbar-expand-lg .lp-product-submenu > .dropdown-menu::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -12px;
    width: 12px;
  }
  html[dir="rtl"] .navbar.navbar-expand-lg .lp-product-submenu > .dropdown-menu::after {
    left: auto;
    right: -12px;
  }
}