/* ==========================================================================
   Site Header — standalone nav bar for inner pages (non-homepage)
   Mirrors the homepage hero nav visually: 1rem outer padding + rounded bar.
   ========================================================================== */

.site-header {
	background: var(--color-bg);
	padding: 1rem;
	position: sticky;
	top: 0;
	z-index: 50;
}

/* Rounded pill container — mirrors the visual of hero__inner */
.site-header__bar {
	position: relative;
}

/* Override hero__nav absolute positioning — inside site-header it flows normally */
.site-header .hero__nav {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	z-index: 1;
}