/* biome-ignore-all lint/complexity/noImportantStyles: needed for orverride */
.pnav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background-color: var(--background-color);
	color: var(--text-color);
	border-bottom: 1px solid transparent;
	transition: border-bottom-color 0.3s ease;
	height: 64px;
	display: block;
	align-items: center;
	padding: 8px 0;
	box-sizing: border-box;
}

.pnav.scrolled {
	border-bottom-color: var(--border-color);
}

.pnav nav {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

/* Base Navigation Links */
.pnav nav a {
	color: var(--text-color);
	text-decoration: none;
	font-weight: 700;
	/* Create a transparent border to prevent "jumping" when active */
	border-bottom: 2px solid transparent;
	padding-bottom: 4px;
	transition:
		color 0.3s ease,
		border-bottom-color 0.3s ease;
}

/* Hover State - Use !important if global resets are too strong */
.pnav nav a:hover {
	color: var(--logo-primary) !important;
}

/* Active State (for ScrollSpy) */
.pnav nav a.active {
	color: var(--logo-primary) !important;
	border-bottom-color: var(--logo-primary) !important;
}

.pnav .padding {
	flex-grow: 1;
}

.pnav .wrapper {
	max-width: 1376px;
	margin: 0 auto;
	pad: 0 1rem;
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.pnav figure svg {
	height: 48px;
}