/*
 * Site header (Matt, 2026-10-07): the one header bar and menu on every
 * plugin page except Home, which floats its own copy over the hero video.
 * Same look and links as the Home header. Selectors carry two classes so a
 * page's own link colors (".fpl-erin a" and friends) never leak in.
 */
.fpl-site-header {
	position: relative;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px clamp(20px, 4vw, 48px);
	min-height: 76px;
	background: #2e2318;
	font-family: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	box-sizing: border-box;
}
.fpl-site-header *,
.fpl-site-header *::before,
.fpl-site-header *::after {
	box-sizing: border-box;
}
.fpl-site-header a.fpl-site-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #f7efe2;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 4px;
	font-size: 15px;
	line-height: 1.2;
	white-space: nowrap;
	border: 0;
}
.fpl-site-header a.fpl-site-brand:hover {
	color: #f7efe2;
}
.fpl-site-header .fpl-site-brand img {
	width: 46px;
	height: 46px;
	object-fit: contain;
	margin: 0;
	border: 0;
	box-shadow: none;
}
.fpl-site-header .fpl-site-nav {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	font-weight: 700;
	letter-spacing: 2.5px;
	font-size: 13px;
	line-height: 1.2;
}
.fpl-site-header a.fpl-site-nav__link {
	color: #f7efe2;
	text-decoration: none;
	border: 0;
	background: none;
	text-transform: uppercase;
}
.fpl-site-header a.fpl-site-nav__link:hover,
.fpl-site-header a.fpl-site-nav__link.is-current {
	color: #f0c98a;
}
.fpl-site-header a.fpl-site-nav__link.is-current {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}
.fpl-site-header a.fpl-site-nav__link--gold {
	color: #f0c98a;
}
.fpl-site-header a.fpl-site-nav__link--gold:hover {
	color: #f7efe2;
}
.fpl-site-header a.fpl-site-nav__link--pill {
	color: #2e2318;
	background: #f7efe2;
	padding: 9px 18px;
	border-radius: 999px;
}
.fpl-site-header a.fpl-site-nav__link--pill:hover,
.fpl-site-header a.fpl-site-nav__link--pill.is-current {
	color: #2e2318;
	background: #f0c98a;
	text-decoration: none;
}
.fpl-site-header a:focus-visible,
.fpl-site-header button:focus-visible {
	outline: 2px solid #f0c98a;
	outline-offset: 3px;
}
.fpl-site-header .fpl-site-burger {
	display: none;
	margin: 0 0 0 auto;
	cursor: pointer;
	background: none;
	border: 2px solid rgba(247, 239, 226, 0.6);
	color: #f7efe2;
	border-radius: 6px;
	padding: 9px 11px;
	line-height: 0;
	box-shadow: none;
}
.fpl-site-burger__bars {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
}
.fpl-site-burger__bars span {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}
.fpl-site-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
@media (max-width: 1170px) {
	.fpl-site-header .fpl-site-burger {
		display: inline-flex;
	}
	.fpl-site-header .fpl-site-nav {
		display: none;
	}
	.fpl-site-header .fpl-site-nav.is-open {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 18px;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: rgba(28, 21, 16, 0.97);
		padding: 20px clamp(20px, 4vw, 48px) 26px;
	}
}
@media (max-width: 600px) {
	.fpl-site-header a.fpl-site-brand {
		letter-spacing: 3px;
		font-size: 13px;
	}
}

/* Wide screens down to the menu button: one line, type eases down instead
   of wrapping (Matt, 2026-10-09). */
@media (min-width: 1171px) {
	.fpl-site-header .fpl-site-nav {
		flex-wrap: nowrap;
		gap: clamp(10px, 1.25vw, 20px);
		font-size: clamp(11px, 0.92vw, 13px);
		letter-spacing: clamp(1.2px, 0.17vw, 2.5px);
	}
	.fpl-site-header a.fpl-site-nav__link {
		white-space: nowrap;
	}
	.fpl-site-header a.fpl-site-nav__link--pill {
		padding: 8px clamp(12px, 1.1vw, 18px);
	}
	.fpl-site-header a.fpl-site-brand {
		font-size: clamp(13px, 1.05vw, 15px);
		letter-spacing: clamp(2.5px, 0.28vw, 4px);
	}
}