.pixel-submenu-toggle-hover .position-applied:hover > .nav-item-children,
.pixel-submenu-toggle-hover li.is-active > .nav-item-children,
.pixel-submenu-toggle-hover li.is-active > .children {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

.pixel-submenu-toggle-click .nav-item-children,
.pixel-submenu-toggle-click .children {
	display: none;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* A mega menu is an Elementor template, not an ordinary dropdown surface. */
.main-nav .pixel-megamenu > .nav-item-children,
.pixel-custom-menu .pixel-megamenu > .nav-item-children {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-width: 0;
  max-width: 100vw;
}
.main-nav .pixel-megamenu > .nav-item-children::before,
.pixel-custom-menu .pixel-megamenu > .nav-item-children::before {
  content: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.pixel-megamenu > .nav-item-children > .pixel-megamenu-rows-wrap {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  max-width: none;
}
.main-nav .pixel-megamenu:not(.position-applied) > .nav-item-children {
  display: block !important;
  visibility: hidden !important;
}
.pixel-megamenu.pixel-megamenu-fullwidth > .nav-item-children > .pixel-megamenu-rows-wrap {
  width: 100%;
  max-width: none !important;
}

/* Leave a mega panel promptly when switching top-level desktop hover items.
   The opening transition and the parent-to-panel hover corridor remain intact. */
.pixel-submenu-sibling-guard.pixel-submenu-toggle-hover > .pixel-megamenu:not(:hover):not(.is-active) > .nav-item-children {
  transition-duration: .18s;
  pointer-events: none;
}