/* Navigation active state and dropdown */
.es-header__nav .menu-item-has-children {
	position: relative;
}

.es-header__nav .sub-menu {
	position: absolute;
	inset-block-start: calc(100% + 0.5rem);
	inset-inline-start: 0;
	list-style: none;
	margin: 0;
	padding: 0.5rem;
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--es-card-radius);
	box-shadow: var(--es-shadow-card);
	min-width: 14rem;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-0.5rem);
	transition: opacity var(--es-transition), transform var(--es-transition), visibility var(--es-transition);
}

.es-header__nav .menu-item-has-children:hover > .sub-menu,
.es-header__nav .menu-item-has-children:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.es-header__nav .sub-menu a {
	padding: 0.5rem 0.75rem;
	white-space: nowrap;
}