/* ---------------------------------------------------------------------------
 * Header design — Centered Masthead
 * Brand above the fold · full-width nav row
 * ------------------------------------------------------------------------- */

body.np-header-centered .np-header {
	position: sticky;
	top: 0;
}

body.admin-bar.np-header-centered .np-header {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar.np-header-centered .np-header {
		top: 46px;
	}
}

body.np-header-centered .np-header__inner--center {
	text-align: center;
	padding-top: 1.25rem;
}

body.np-header-centered .np-header__inner--center .np-logo__title {
	font-size: clamp(2rem, 4vw, 3rem);
	letter-spacing: 0.01em;
}

/* Ticker: centered modules under the brand. */
body.np-header-centered .np-ticker__modules {
	justify-content: center;
}

body.np-header-centered .np-ticker__track {
	flex: 0 1 auto;
}

body.np-header-centered .np-header__navrow {
	border-top: 1px solid var(--np-color-border, #d6d0c2);
	background: var(--np-color-surface, #fff);
}

body.np-header-centered .np-header__navrow .np-nav {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0.35rem var(--np-space-md, 1.5rem);
}

body.np-header-centered .np-header__navrow .np-nav__menu {
	margin-inline: auto;
}

/* Animated underline. */
body.np-header-centered .np-nav__menu > li > a {
	position: relative;
	padding-bottom: 4px;
}

body.np-header-centered .np-nav__menu > li > a::after {
	content: "";
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 0;
	height: 2px;
	background: var(--np-color-accent, #c05621);
	transition: left 0.25s ease, right 0.25s ease;
}

body.np-header-centered .np-nav__menu > li > a:hover::after,
body.np-header-centered .np-nav__menu > li.current-menu-item > a::after {
	left: 0;
	right: 0;
}

body.np-header-centered .np-nav__icon {
	border: 1px solid var(--np-color-border, #d6d0c2);
	transition: background 0.2s ease, color 0.2s ease;
}

body.np-header-centered .np-nav__icon:hover {
	background: var(--np-color-accent, #c05621);
	border-color: var(--np-color-accent, #c05621);
	color: var(--np-color-on-accent, #fff);
}
