/*
 * Core assigns its own default to submenu containers. Re-establish the SGGW
 * default at the Navigation boundary while preserving an author's text color.
 */
.wp-block-navigation {
	/* Resolve adaptive component roles inside the current surface. */
	--wp--custom--component--navigation--top-level--foreground:
		var(--sggw-text);
	--wp--custom--component--navigation--panel--background:
		var(--sggw-surface-current);
	--wp--custom--component--navigation--panel--foreground:
		var(--sggw-text);
	--wp--custom--component--navigation--overlay--background:
		var(--sggw-surface-current);
	--wp--custom--component--navigation--overlay--foreground:
		var(--sggw-text);
}

/*
 * Auxiliary links remain an ordinary Navigation block. The optional block
 * style changes only their presentation and never opts the block into the
 * custom overlay disclosure contract.
 */
:is(
	.wp-block-navigation.is-style-sggw-shortcuts-grid,
	.wp-block-navigation.sggw-navigation-shortcuts-grid,
	.wp-block-navigation.is-sggw-navigation-shortcuts-grid-editor
) {
	inline-size: 100%;
}

:is(
	.wp-block-navigation.is-style-sggw-shortcuts-grid
		> .wp-block-navigation__container,
	.wp-block-navigation.is-style-sggw-shortcuts-grid
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-shortcuts-grid__list,
	.wp-block-navigation.is-sggw-navigation-shortcuts-grid-editor
		> .wp-block-navigation__container
) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--wp--preset--spacing--10);
	row-gap: var(--wp--preset--spacing--10);
	inline-size: 100%;
}

:is(
	.wp-block-navigation.is-style-sggw-shortcuts-grid
		> .wp-block-navigation__container,
	.wp-block-navigation.is-style-sggw-shortcuts-grid
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-shortcuts-grid__list,
	.wp-block-navigation.is-sggw-navigation-shortcuts-grid-editor
		> .wp-block-navigation__container
)
	> .wp-block-navigation-item {
	inline-size: 100%;
	min-inline-size: 0;
}

:is(
	.wp-block-navigation.is-style-sggw-shortcuts-grid
		> .wp-block-navigation__container,
	.wp-block-navigation.is-style-sggw-shortcuts-grid
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-shortcuts-grid__list,
	.wp-block-navigation.is-sggw-navigation-shortcuts-grid-editor
		> .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
	justify-content: flex-start;
	inline-size: 100%;
	min-block-size: var(--wp--preset--spacing--50);
	padding-block: max(4px, 0.25em);
	padding-inline: 0;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: var(--wp--custom--typography--font-weight--semibold);
	letter-spacing: var(--wp--custom--typography--letter-spacing--label);
	text-transform: uppercase;
}

@media (max-width: 24rem) {
	:is(
		.wp-block-navigation.is-style-sggw-shortcuts-grid
			> .wp-block-navigation__container,
		.wp-block-navigation.is-style-sggw-shortcuts-grid
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container,
		.sggw-navigation-shortcuts-grid__list,
		.wp-block-navigation.is-sggw-navigation-shortcuts-grid-editor
			> .wp-block-navigation__container
	) {
		grid-template-columns: minmax(0, 1fr);
	}
}

.sggw-site-header .wp-block-navigation:not(.has-text-color),
.sggw-site-header
	.wp-block-navigation:not(.has-text-color)
	.wp-block-navigation__submenu-container {
	color: var(--sggw-text);
}

/*
 * Level-one labels shared by native Links, Submenus and SGGW Megamenus.
 * The direct-child boundary deliberately leaves every panel level untouched.
 */
:where(
	.wp-block-navigation > .wp-block-navigation__container,
	.wp-block-navigation
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
	color: var(--wp--custom--component--navigation--top-level--foreground);
	font-weight: var(--wp--custom--typography--font-weight--semibold);
}

:where(
	.wp-block-navigation > .wp-block-navigation__container,
	.wp-block-navigation
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> .wp-block-navigation__submenu-icon,
:where(
	.wp-block-navigation > .wp-block-navigation__container,
	.wp-block-navigation
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content
	> .wp-block-navigation__submenu-icon {
	margin-inline-start: 6px;
	color: var(--wp--custom--component--navigation--top-level--foreground);
}

@media (hover: hover) {
	:where(
		.wp-block-navigation > .wp-block-navigation__container,
		.wp-block-navigation
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container
	)
		> .wp-block-navigation-item:hover
		> .wp-block-navigation-item__content,
	:where(
		.wp-block-navigation > .wp-block-navigation__container,
		.wp-block-navigation
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container
	)
		> .wp-block-navigation-item:hover
		> .wp-block-navigation__submenu-icon,
	:where(
		.wp-block-navigation > .wp-block-navigation__container,
		.wp-block-navigation
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container
	)
		> .wp-block-navigation-item:hover
		> .wp-block-navigation-item__content
		> .wp-block-navigation__submenu-icon {
		color: var(--wp--custom--component--navigation--interaction-accent);
	}

	.sggw-site-header
		.wp-block-navigation
		.wp-block-navigation__submenu-container
		.wp-block-navigation-item__content:hover,
	.sggw-site-header
		.wp-block-navigation
		.wp-block-navigation__submenu-container
		.sggw-navigation-panel__link:hover {
		color: var(--wp--custom--component--navigation--interaction-accent);
	}
}

/*
 * The active desktop section meets the bottom edge of the Header. The label,
 * rather than the whole item or its chevron, owns the exact-width indicator.
 */
:where(
	.wp-block-navigation > .wp-block-navigation__container,
	.wp-block-navigation
		.wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container
)
	> .wp-block-navigation-item {
	align-self: stretch;
	block-size: 100%;
}

:where(
	.wp-block-navigation > .wp-block-navigation__container,
	.wp-block-navigation
		.wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content,
:where(
	.wp-block-navigation > .wp-block-navigation__container,
	.wp-block-navigation
		.wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content
	> .wp-block-navigation-item__label {
	display: flex;
	align-items: center;
	block-size: 100%;
}

:where(
	.wp-block-navigation > .wp-block-navigation__container,
	.wp-block-navigation
		.wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container
)
	> :is(.current-menu-item, .current-menu-ancestor)
	> .wp-block-navigation-item__content
	> .wp-block-navigation-item__label {
	position: relative;
}

:where(
	.wp-block-navigation > .wp-block-navigation__container,
	.wp-block-navigation
		.wp-block-navigation__responsive-container:not(.is-menu-open)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container
)
	> :is(.current-menu-item, .current-menu-ancestor)
	> .wp-block-navigation-item__content
	> .wp-block-navigation-item__label::after {
	position: absolute;
	inset-inline: 0;
	inset-block-end: 0;
	block-size: var(--wp--custom--line--width-strong);
	background-color: var(--wp--custom--component--navigation--interaction-accent);
	content: "";
	pointer-events: none;
}

@media (forced-colors: active) {
	:where(
		.wp-block-navigation > .wp-block-navigation__container,
		.wp-block-navigation
			.wp-block-navigation__responsive-container:not(.is-menu-open)
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container
	)
		> :is(.current-menu-item, .current-menu-ancestor)
		> .wp-block-navigation-item__content
		> .wp-block-navigation-item__label::after {
		background-color: Highlight;
		forced-color-adjust: none;
	}
}

/*
 * Desktop Submenus and Megamenus share one outer shell below the Header.
 * The direct-child boundary leaves nested panels and the Core overlay intact.
 */
.sggw-site-header
	:where(
		.wp-block-navigation > .wp-block-navigation__container,
		.wp-block-navigation
			.wp-block-navigation__responsive-container:not(.is-menu-open)
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container
	)
	> .wp-block-navigation-submenu
	> .wp-block-navigation__submenu-container {
	box-sizing: border-box;
	inset-block-start: 100%;
	margin-block-start: 0;
	padding: var(--wp--preset--spacing--40);
	border: var(--wp--custom--line--width) solid var(--sggw-line);
	border-radius: var(--wp--custom--radius--small);
}

/* Level-two branches use the panel rhythm without an extra inline inset. */
.sggw-site-header
	:where(
		.wp-block-navigation > .wp-block-navigation__container,
		.wp-block-navigation
			.wp-block-navigation__responsive-container:not(.is-menu-open)
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container
	)
	> .wp-block-navigation-submenu:not(.sggw-section-menu-item--wide)
	> .wp-block-navigation__submenu-container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
	padding-block: max(6px, 0.375em);
	padding-inline: 0;
}

.sggw-site-header
	:where(
		.wp-block-navigation > .wp-block-navigation__container,
		.wp-block-navigation
			.wp-block-navigation__responsive-container:not(.is-menu-open)
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container
	)
	> .wp-block-navigation-submenu:not(.sggw-section-menu-item--wide)
	> .wp-block-navigation__submenu-container {
	gap: 0;
}

/*
 * A Submenu nested in the first panel is the final visible navigation level.
 * Its children stay below the parent label; the renderer omits deeper branches.
 */
.sggw-site-header
	.wp-block-navigation__submenu-container
	> .wp-block-navigation-submenu.open-always {
	--navigation-layout-direction: column;
	--navigation-layout-wrap: nowrap;
	--navigation-layout-justify: flex-start;
	--navigation-layout-align: stretch;
	inline-size: 100%;
	gap: 0;
}

.sggw-site-header
	.wp-block-navigation__submenu-container
	> .wp-block-navigation-submenu.open-always
	> .wp-block-navigation__submenu-container {
	inline-size: 100%;
	min-inline-size: 0;
	gap: 0;
	padding-inline: 0;
}

.sggw-site-header
	.wp-block-navigation__submenu-container
	> .wp-block-navigation-submenu.open-always:has(
		+ .wp-block-navigation-item
	)
	> .wp-block-navigation__submenu-container {
	padding-block-end: var(--wp--preset--spacing--10);
}

.sggw-site-header
	.wp-block-navigation__submenu-container
	> .wp-block-navigation-submenu.open-always
	> .wp-block-navigation__submenu-container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
	min-block-size: var(--wp--preset--spacing--40);
	padding-block: max(4px, 0.25em);
	padding-inline: 0;
}

/* JavaScript supplies geometry values; the post-Core adapter applies them. */
.sggw-site-header .sggw-section-menu-item--wide {
	--sggw-navigation-megamenu-block-start: 0;
	--sggw-navigation-megamenu-header-inline-size: 0;
	--sggw-navigation-megamenu-header-inline-start: 0;
}

/*
 * Core owns all overlay behavior; SGGW only moves its mobile/desktop boundary
 * across a closed responsive scale. The root list never wraps before Core
 * replaces it with the native overlay.
 */
.wp-block-navigation.has-sggw-overlay-breakpoint
	.wp-block-navigation__responsive-container:not(.is-menu-open)
	.wp-block-navigation__responsive-container-content
	> .wp-block-navigation__container {
	flex-wrap: nowrap;
}

@media (width < 48rem) {
	.wp-block-navigation.has-sggw-overlay-breakpoint-48
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation.has-sggw-overlay-breakpoint-48
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

@media (width < 56rem) {
	.wp-block-navigation.has-sggw-overlay-breakpoint-56
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation.has-sggw-overlay-breakpoint-56
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

@media (width < 64rem) {
	.wp-block-navigation.has-sggw-overlay-breakpoint-64
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation.has-sggw-overlay-breakpoint-64
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

@media (width < 72rem) {
	.wp-block-navigation.has-sggw-overlay-breakpoint-72
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation.has-sggw-overlay-breakpoint-72
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

@media (width < 80rem) {
	.wp-block-navigation.has-sggw-overlay-breakpoint-80
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation.has-sggw-overlay-breakpoint-80
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

@media (width < 88rem) {
	.wp-block-navigation.has-sggw-overlay-breakpoint-88
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation.has-sggw-overlay-breakpoint-88
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

@media (width < 96rem) {
	.wp-block-navigation.has-sggw-overlay-breakpoint-96
		.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation.has-sggw-overlay-breakpoint-96
		.wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none;
	}
}

/* Both vertical overlay renderers use color, never the desktop indicator. */
:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> :is(.current-menu-item, .current-menu-ancestor)
	> .wp-block-navigation-item__content,
:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> :is(.current-menu-item, .current-menu-ancestor)
	> .wp-block-navigation__submenu-icon,
:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> :is(.current-menu-item, .current-menu-ancestor)
	> .wp-block-navigation-item__content
	> .wp-block-navigation__submenu-icon {
	color: var(--sggw-text);
}

.sggw-navigation-overlay__menu
	> .wp-block-navigation__container
	> :is(.current-menu-item, .current-menu-ancestor)
	> .wp-block-navigation-item__content
	> .wp-block-navigation-item__label::after {
	content: none;
}

/*
 * Vertical Navigation overlays: the v2 split-control segment.
 *
 * The native Core overlay and the Navigation inside the custom template part
 * share one contract. The label remains a link and the Core chevron remains a
 * separate disclosure button. Levels one and two inherit the Navigation
 * typography selected by the author. Only the final, third level uses the
 * compact panel hierarchy shared with the desktop presentation.
 */
:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
) {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: stretch;
	justify-content: stretch;
	justify-items: stretch;
	inline-size: 100%;
	min-inline-size: 0;
	gap: 0;
	margin: 0;
	padding: 0;
	border-block: var(--wp--custom--line--width) solid var(--sggw-line-decorative);
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> .wp-block-navigation-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content;
	align-items: center;
	justify-self: stretch;
	inline-size: 100%;
	min-inline-size: 0;
	block-size: auto;
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> .wp-block-navigation-item
	+ .wp-block-navigation-item {
	border-block-start: var(--wp--custom--line--width) solid var(--sggw-line-decorative);
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	inline-size: 100%;
	min-inline-size: 0;
	min-block-size: calc(var(--wp--preset--spacing--50) + var(--wp--preset--spacing--50));
	block-size: auto;
	padding-block: 0;
	padding-inline: 0;
}

/* The final level stays compact without reintroducing a hierarchy indent. */
:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		),
	.sggw-navigation-overlay__menu
)
	.sggw-navigation__submenu-disclosure
	> .wp-block-navigation__submenu-container
	.wp-block-navigation-submenu.open-always
	> .wp-block-navigation__submenu-container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content,
:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		),
	.sggw-navigation-overlay__menu
)
	.sggw-navigation__submenu-disclosure
	> .wp-block-navigation__submenu-container
	.sggw-navigation-panel__list--level-1
	> .sggw-navigation-panel__item
	> .sggw-navigation-panel__link {
	min-block-size: var(--wp--preset--spacing--40);
	padding-block: max(4px, 0.25em);
	font-size: var(--wp--preset--font-size--small);
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> .wp-block-navigation__submenu-icon {
	display: inline-flex;
	align-items: center;
	align-self: center;
	justify-content: center;
	justify-self: end;
	inline-size: var(--wp--preset--spacing--70);
	min-block-size: var(--wp--preset--spacing--70);
	block-size: var(--wp--preset--spacing--70);
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		),
	.sggw-navigation-overlay__menu
)
	.sggw-navigation__submenu-disclosure
	> .wp-block-navigation__submenu-container {
	display: none;
	position: static;
	grid-column: 1 / -1;
	align-self: stretch;
	inline-size: 100%;
	min-inline-size: 0;
	max-block-size: none;
	overflow: visible;
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		),
	.sggw-navigation-overlay__menu
)
	.sggw-navigation__submenu-disclosure
	> .wp-block-navigation__submenu-container
	.wp-block-navigation-item__content,
:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		),
	.sggw-navigation-overlay__menu
)
	.sggw-navigation__submenu-disclosure
	> .wp-block-navigation__submenu-container
	.sggw-navigation-panel__link {
	display: flex;
	align-items: center;
	min-block-size: var(--wp--preset--spacing--70);
	padding-block: var(--wp--preset--spacing--10);
	padding-inline: 0;
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> button.wp-block-navigation__submenu-icon {
	cursor: pointer;
	appearance: none;
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> .wp-block-navigation__submenu-icon
	svg {
	inline-size: var(--wp--preset--spacing--30);
	block-size: var(--wp--preset--spacing--30);
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		)
		.wp-block-navigation__responsive-container-content
		> .wp-block-navigation__container,
	.sggw-navigation-overlay__menu > .wp-block-navigation__container
)
	> .wp-block-navigation-item
	> :is(
		.wp-block-navigation-item__content,
		.wp-block-navigation__submenu-icon
	):focus-visible {
	border-radius: var(--wp--custom--radius--small);
	outline: var(--wp--custom--line--focus-ring-width) solid var(--wp--custom--component--navigation--focus-color);
	outline-offset: var(--wp--custom--line--focus-ring-offset);
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		),
	.sggw-navigation-overlay__menu
)
	.sggw-navigation__submenu-disclosure
	> .wp-block-navigation__submenu-container {
	box-sizing: border-box;
	margin-block: 0 var(--wp--preset--spacing--20);
	padding-block: var(--wp--preset--spacing--20);
	padding-inline: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

@media (forced-colors: active) {
	:is(
		.wp-block-navigation
			.wp-block-navigation__responsive-container.is-menu-open:not(
				.disable-default-overlay
			)
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container,
		.sggw-navigation-overlay__menu > .wp-block-navigation__container
	) {
		border-color: CanvasText;
	}

	:is(
		.wp-block-navigation
			.wp-block-navigation__responsive-container.is-menu-open:not(
				.disable-default-overlay
			)
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container,
		.sggw-navigation-overlay__menu > .wp-block-navigation__container
	)
		> .wp-block-navigation-item
		+ .wp-block-navigation-item {
		border-color: CanvasText;
	}

	:is(
		.wp-block-navigation
			.wp-block-navigation__responsive-container.is-menu-open:not(
				.disable-default-overlay
			)
			.wp-block-navigation__responsive-container-content
			> .wp-block-navigation__container,
		.sggw-navigation-overlay__menu > .wp-block-navigation__container
	)
		> .wp-block-navigation-item
		> :is(
			.wp-block-navigation-item__content,
			.wp-block-navigation__submenu-icon
		):focus-visible {
		outline-color: Highlight;
	}
}

:is(
	.wp-block-navigation
		.wp-block-navigation__responsive-container.is-menu-open:not(
			.disable-default-overlay
		),
	.sggw-navigation-overlay__menu
)
	.sggw-navigation__submenu-disclosure
	> .wp-block-navigation-submenu__toggle[aria-expanded="true"]
	~ .wp-block-navigation__submenu-container {
	display: flex;
}