.wp-block-navigation {
	--link-bg-rgb-opacity: .074;
}

[data-theme="dark"] .wp-block-navigation {
	--link-bg-rgb-opacity: .13;
}

@media ( prefers-reduced-motion: no-preference ) {
	body:not(.updating-theme) .wp-block-navigation-link > a,
	body:not(.updating-theme) .wp-block-navigation__responsive-container-open,
	body:not(.updating-theme) .wp-block-navigation__responsive-container-close {
		transition: background-color .1s linear;
	}
}

.current-menu-item > a,
.wp-block-navigation__responsive-container-open:hover,
.home .wp-block-navigation-link:nth-child(1) > a,
.post-type-archive-teman .wp-block-navigation-link:nth-child(2) > a,
.blog .wp-block-navigation-link:nth-child(3) > a {
	background-color: var( --wp--preset--color--contrast-4 );
}

@media (prefers-contrast: more) { 
	.current-menu-item > a,
	.wp-block-navigation-link > a:hover,
	.wp-block-navigation__responsive-container-open:hover,
	.home .wp-block-navigation-link:nth-child(1) > a,
	.post-type-archive-teman .wp-block-navigation-link:nth-child(2) > a,
	.blog .wp-block-navigation-link:nth-child(3) > a {
		background-color: var( --wp--preset--color--contrast ) !important;
		color: var( --wp--preset--color--base ) !important;
	}
}

/* Menu Toggle */

.wp-block-navigation__responsive-container-close, 
.wp-block-navigation__responsive-container-open {
	background-color: var( --wp--preset--color--base );
	border-radius: 999px;
	border: 1px solid var( --wp--preset--color--contrast-4 );
	padding: 3.5px 14px 5.5px 14px;
}

:has( header .is-menu-open ) .wp-block-navigation__responsive-container-open {
	opacity: 0;
}

.wp-block-navigation__responsive-container-close {
	background-color: var( --wp--preset--color--contrast-4 );
	bottom: calc( 100% + 20px + 1px + 20px );
	left: calc( 70px + var(--wp--preset--spacing--60) );
	right: auto;
	top: auto;
}

/* Menu Modal */

.wp-block-navigation__responsive-container.is-menu-open {
	animation: none;
	bottom: unset;
	overflow: visible;
	padding: 20px var(--wp--style--root--padding-right) 20px var(--wp--style--root--padding-left);
	top: 73px;
}

.wp-block-navigation__responsive-container.is-menu-open:before {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: rgba( var( --contrast-rgb ), .1 );
	content: "";
	display: block;
	height: calc( 100dvh - 100% );
	pointer-events: none;
	position: absolute;
		left: 0;
		right: 0;
		top: 100%;
}

[data-theme="dark"] .wp-block-navigation__responsive-container.is-menu-open:before {
	background: rgba( var( --base-rgb ), .5 );
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding: 0;
}

:root .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
}