/* Hotfix: dropdown closes when the pointer moves to it quickly.
   The theme's scaleY animation also scales the hover area, so keep the panel
   full size, fade it, and leave it hoverable for 0.2s after the pointer leaves.
   Must load after main.css. */
@media (min-width: 992px) {
  .mainmenu ul > li > .sub-menu {
    transform: none;
    pointer-events: auto; /* visibility:hidden already blocks hits when closed */
    transition: opacity 0.2s ease, visibility 0s linear 0.2s;
  }
  .mainmenu ul > li:hover > .sub-menu {
    transform: none;
    pointer-events: auto;
    transition: opacity 0.2s ease, visibility 0s;
  }
  /* Keep the mega menu's horizontal centering */
  .mainmenu ul > li > .mega-menu,
  .mainmenu ul > li:hover .mega-menu {
    transform: translateX(-50%);
  }
}