/* Site Nav */

.site-nav.is-sticky {
	position: sticky;
	top: 0;
	z-index: 1000;
}

.site-nav {
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	max-width: var(--wp--style--global--content-size);
	margin-inline: auto;
	box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	border-radius: var(--wp--preset--border-radius--s);
	overflow: hidden;
}
.is-menu-open .site-nav {box-shadow: none;}
header + .site-nav {margin-bottom: 8rem;}
.site-nav button.wp-block-navigation__responsive-container-open {
	padding: 0.5em 0.6em;
}

.site-nav .wp-block-navigation__container {
	gap: .5rem;
	background: transparent;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--accent-1) !important;
	color: var(--wp--preset--color--base) !important;
}

.site-nav a {
	color: var(--wp--preset--color--base);
	text-decoration: none;
	padding: 0.5em 0.6em;
	transition: color 0.15s ease;
}

@media (max-width: 800px) {
	.site-nav .wp-block-navigation__container {gap: 0;}
	.site-nav a {padding: 0.5em 0.2em;}
}

.site-nav a:hover,
.site-nav .current-menu-item > a,
.site-nav .current_page_item > a {
	color: var(--wp--preset--color--accent-3) !important;
}

body.admin-bar .site-nav.is-sticky {
	top: 32px; /* Desktop */
}

@media (max-width: 782px) {
	body.admin-bar .site-nav.is-sticky {
		top: 46px; /* Mobile Admin Bar */
	}
}
@media (max-width: 600px) {
	nav.site-nav.is-sticky {
		position: fixed;
		top: 0;
		left: 0;
	}
}


/* ========== Navigation Context: Front Page ========== */
nav.is-frontpage {margin-block-start: 80px;}
@media (max-width: 600px) {nav.is-frontpage.site-nav {margin-block-start: unset;}}