/* Evovio Menu – Smooth submenu animation */

/* Base: keep submenu containers in flow (to allow animation) */
/* Override theme's display:none with display:flex, then animate height/opacity */
li.main-nav__submenu > .wp-block-navigation__submenu-container {
	/* Ensure container participates in layout for animation */
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	grid-template-columns: none !important;

	/* Collapsed state */
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: max-height 260ms ease, opacity 200ms ease;
	will-change: max-height, opacity;
}

.has-overlay-menu .wp-block-navigation__responsive-container:not(.is-menu-open) .is-style-megamenu>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation__submenu-container,.wp-block-navigation.has-child-selected .is-style-megamenu>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation__submenu-container,.wp-block-navigation.no-overlay-menu .is-style-megamenu>.wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation__submenu-container {
  overflow: hidden;
  margin: 0;
}

/* Also collapse explicitly when aria-hidden=true to guard against hover states */
li.main-nav__submenu > .wp-block-navigation__submenu-container[aria-hidden="true"] {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* Open state: via click, hover, or focus (matches theme selectors) */
li.main-nav__submenu > button[aria-expanded="true"] + .wp-block-navigation__submenu-container,
li.main-nav__submenu.open-on-hover-click:hover > .wp-block-navigation__submenu-container,
li.main-nav__submenu:focus-within > .wp-block-navigation__submenu-container {
	/* Expanded state */
	max-height: 60rem; /* sufficiently large to accommodate content */
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Open state when aria-hidden=false (JS keeps this in sync with aria-expanded/hover) */
li.main-nav__submenu > .wp-block-navigation__submenu-container[aria-hidden="false"] {
	max-height: 60rem;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Keep nested submenu containers stacked and animatable as well */
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	position: static !important;
	inset: auto !important;
	transform: none !important;
	padding-inline: 0 !important;
	/* Use the same animation behavior on nested lists */
	display: flex !important;
	flex-direction: column !important;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: max-height 240ms ease, opacity 200ms ease;
}

/* Collapse nested when aria-hidden=true */
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container[aria-hidden="true"] {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* When a nested submenu is opened, animate the nested container */
li.main-nav__submenu .wp-block-navigation-item.has-child > button[aria-expanded="true"] + .wp-block-navigation__submenu-container,
li.main-nav__submenu .wp-block-navigation-item.has-child.open-on-hover-click:hover > .wp-block-navigation__submenu-container,
li.main-nav__submenu .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container {
	max-height: 40rem;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Open nested when aria-hidden=false */
li.main-nav__submenu .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container[aria-hidden="false"] {
	max-height: 40rem;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Restore default caret and remove custom +/- indicator */