/*
 * Navigation-specific styles: mobile drawer backdrop and body scroll
 * lock while the mobile menu is open. Core header/nav layout lives
 * in the theme's main style.css — this file only covers the extra
 * interactive states triggered by assets/js/navigation.js.
 */

body.nav-is-open{
	overflow:hidden;
}

.nav-backdrop{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.5);
	opacity:0;
	visibility:hidden;
	transition:opacity .25s ease, visibility .25s ease;
	z-index:997;
}

body.nav-is-open .nav-backdrop{
	opacity:1;
	visibility:visible;
}

@media (min-width:861px){
	.nav-backdrop{ display:none; }
}

.primary-nav a:focus-visible,
.header-cta:focus-visible,
.nav-toggle:focus-visible{
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.skip-link{
	position:fixed;
	top:-100px;
	left:12px;
	background:var(--card);
	color:var(--txt);
	padding:12px 18px;
	border-radius:8px;
	z-index:1100;
	transition:top .2s ease;
}
.skip-link:focus{
	top:12px;
}