.homvnd-primary-navigation {
	display: none;
}

.homvnd-primary-navigation,
.homvnd-compact-navigation {
	grid-row: 1;
}

.homvnd-menu,
.homvnd-menu .sub-menu,
.homvnd-footer-menu,
.homvnd-footer-legal-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.homvnd-menu a {
	display: flex;
	min-block-size: var(--homvnd-target-min);
	align-items: center;
	padding: var(--homvnd-space-2) var(--homvnd-space-3);
	font-weight: var(--homvnd-font-weight-medium);
	text-decoration: none;
}

.homvnd-menu .current-menu-item > a,
.homvnd-menu .current-menu-ancestor > .homvnd-nav-split > a {
	font-weight: var(--homvnd-font-weight-bold);
	text-decoration: underline;
	text-underline-offset: var(--homvnd-space-1);
}

.homvnd-nav-split {
	display: flex;
	align-items: center;
}

.homvnd-nav-disclosure summary,
.homvnd-nav-disclosure__toggle,
.homvnd-compact-navigation__toggle,
.homvnd-compact-navigation__button,
.homvnd-compact-navigation__close {
	display: flex;
	min-inline-size: var(--homvnd-target-min);
	min-block-size: var(--homvnd-target-min);
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.homvnd-nav-disclosure summary,
.homvnd-nav-disclosure__toggle {
	margin: 0;
	padding: 0;
	border: var(--homvnd-border-width) solid transparent;
	border-radius: var(--homvnd-radius-md);
	background: transparent;
	box-shadow: none;
	color: var(--homvnd-color-primary);
	text-shadow: none;
	transition:
		background-color var(--homvnd-motion-fast),
		border-color var(--homvnd-motion-fast),
		color var(--homvnd-motion-fast);
	appearance: none;
}

.homvnd-nav-disclosure summary:hover,
.homvnd-nav-disclosure__toggle:hover {
	border-color: var(--homvnd-color-border);
	background: var(--homvnd-color-surface-muted);
	color: var(--homvnd-color-primary-strong);
}

.homvnd-nav-disclosure[open] > summary,
.homvnd-nav-disclosure__toggle[aria-expanded="true"] {
	border-color: var(--homvnd-color-primary);
	background: var(--homvnd-color-primary);
	color: var(--homvnd-color-surface);
}

.homvnd-nav-disclosure summary:focus-visible,
.homvnd-nav-disclosure__toggle:focus-visible,
.homvnd-compact-navigation__toggle:focus-visible,
.homvnd-compact-navigation__button:focus-visible,
.homvnd-compact-navigation__close:focus-visible {
	outline: var(--homvnd-focus-width) solid var(--homvnd-color-focus);
	outline-offset: var(--homvnd-focus-offset);
}

.homvnd-nav-disclosure summary,
.homvnd-compact-navigation__toggle {
	list-style: none;
}

.homvnd-nav-disclosure summary::-webkit-details-marker,
.homvnd-compact-navigation__toggle::-webkit-details-marker {
	display: none;
}

.homvnd-nav-disclosure summary [aria-hidden="true"],
.homvnd-nav-disclosure__toggle [aria-hidden="true"] {
	display: inline-block;
	transition: transform var(--homvnd-motion-fast);
}

.homvnd-nav-disclosure[open] > summary [aria-hidden="true"],
.homvnd-nav-disclosure__toggle[aria-expanded="true"] [aria-hidden="true"] {
	transform: rotate(45deg);
}

.homvnd-site-header.is-navigation-enhanced .homvnd-nav-disclosure > summary,
.homvnd-site-header.is-navigation-enhanced .homvnd-compact-navigation__fallback > summary {
	display: none;
}

.homvnd-compact-navigation {
	grid-column: 3;
}

.homvnd-compact-navigation__fallback {
	margin: 0;
}

.homvnd-compact-navigation__surface {
	position: absolute;
	inset-block-start: 100%;
	inset-inline: 0;
	max-block-size: calc(100vh - var(--homvnd-space-16));
	overflow: auto;
	border-block: var(--homvnd-border-width) solid var(--homvnd-color-border);
	background: var(--homvnd-color-surface);
	padding: var(--homvnd-space-4) var(--homvnd-gutter);
}

.homvnd-compact-navigation__close {
	margin-inline-start: auto;
	padding-inline: var(--homvnd-space-3);
}

.homvnd-menu--mobile .homvnd-nav-split {
	flex-wrap: wrap;
}

.homvnd-menu--mobile .homvnd-nav-split > a {
	flex: 1;
}

.homvnd-menu--mobile .homvnd-nav-disclosure {
	flex: 0 0 var(--homvnd-target-min);
}

.homvnd-menu--mobile .homvnd-nav-disclosure[open],
.homvnd-site-header.is-navigation-enhanced .homvnd-menu--mobile .homvnd-nav-disclosure {
	flex-basis: 100%;
}

.homvnd-menu--mobile .sub-menu {
	flex-basis: 100%;
	padding-inline-start: var(--homvnd-space-4);
}

@media (min-width: 64rem) {
	.homvnd-primary-navigation {
		display: block;
		grid-column: 2;
		justify-self: end;
	}

	.homvnd-menu--desktop {
		display: flex;
		align-items: center;
		gap: var(--homvnd-space-2);
	}

	.homvnd-menu--desktop .menu-item {
		position: relative;
	}

	.homvnd-menu--desktop .sub-menu {
		position: absolute;
		inset-block-start: 100%;
		inset-inline-end: 0;
		inline-size: max-content;
		min-inline-size: 20rem;
		max-inline-size: min(30rem, calc(100vw - (2 * var(--homvnd-gutter))));
		padding: var(--homvnd-space-3);
		border: var(--homvnd-border-width) solid var(--homvnd-color-border);
		border-radius: var(--homvnd-radius-md);
		background: var(--homvnd-color-surface);
	}

	.homvnd-menu--desktop .sub-menu > li {
		display: block;
		width: auto;
	}

	.homvnd-menu--desktop .sub-menu a {
		white-space: nowrap;
	}

	.homvnd-compact-navigation {
		display: none;
	}
}