/* Editable navigation with the reference's sticky shell and link transitions. */
.einao-header {
	position: sticky;
	inset-block-start: var(--wp-admin--admin-bar--height, 0px);
	z-index: 30;
	padding: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--ink);
	border-block-end: 1px solid transparent;
	transition:
		padding var(--wp--custom--motion--normal),
		border-color var(--wp--custom--motion--normal);
}
.einao-header--scrolled {
	padding-block: var(--wp--preset--spacing--30);
	border-color: var(--wp--custom--border--subtle);
}
.einao-header__inner {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	gap: var(--wp--preset--spacing--40);
}
.einao-header__identity {
	flex-shrink: 0;
	gap: var(--wp--preset--spacing--20);
}
.einao-header__identity {
	padding: var(--wp--preset--spacing--20);
	border-radius: var(--wp--preset--spacing--20);
}
.einao-header__identity .custom-logo {
	display: block;
	height: auto;
}
.einao-header__navigation {
	font-size: var(--wp--preset--font-size--body);
}
.einao-header__navigation .wp-block-navigation__container {
	gap: var(--wp--preset--spacing--40);
}
.einao-header__navigation .wp-block-navigation-item__content {
	min-height: var(--wp--custom--size--touch);
	display: flex;
	align-items: center;
	position: relative;
	text-decoration: none;
	transition: color var(--wp--custom--motion--normal);
}
.einao-header__navigation
	.wp-block-navigation-item__content:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--accent);
}
.einao-header__navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--custom--border--subtle);
	padding: var(--wp--preset--spacing--30);
	border-radius: var(--wp--preset--spacing--20);
}
.einao-header__action .wp-block-button__link {
	white-space: nowrap;
}
.einao-header__mobile-cta {
	display: none !important;
}
.einao-header .is-menu-open .einao-header__mobile-cta {
	display: flex !important;
}
.einao-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
	padding: var(--wp--preset--spacing--60);
	animation: einao-menu-enter var(--wp--custom--motion--normal)
		var(--wp--custom--motion--ease);
}
.einao-header
	:is(
		.wp-block-navigation__responsive-container-open,
		.wp-block-navigation__responsive-container-close
	) {
	min-width: var(--wp--custom--size--touch);
	min-height: var(--wp--custom--size--touch);
	align-items: center;
	justify-content: center;
}
@keyframes einao-menu-enter {
	from {
		opacity: 0;
		transform: translateX(5%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
/* Switch early enough for the full Einao navigation, not just a short demo menu. */
@media (max-width: 74.99rem) {
	.einao-header__navigation {
		margin-inline-start: auto;
		order: 3;
	}
	.einao-header
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
	.einao-header
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	.einao-header
		.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__container {
		align-items: flex-start;
		gap: var(--wp--preset--spacing--30);
	}
}
@media (max-width: 37.49rem) {
	.einao-header__action {
		display: none;
	}
}
@media (max-width: 37.5rem) {
	body.admin-bar .einao-header {
		position: relative;
		inset-block-start: 0;
	}
}