/*---*\
Jump Link Banner Block
Full-width horizontal anchor navigation with active underline.

KEY FEATURES:
- Mint background bar with centered jump links
- Active link: green text + bottom border
- Horizontal scroll on narrow viewports

IMPLEMENTATION NOTES:
- Matches Figma Frame 106 (node 4027:394)
- Uses fixed + placeholder affix (ACF block wrapper breaks CSS sticky)
- Top offset set via --jump-link-sticky-top in jump-link-banner.js
\*---*/

section.innerpage.jump-link-banner {
	padding-top: 0;
	padding-bottom: 0;
}

.jump-link-banner {
	position: relative;
	z-index: 99990;
	background-color: #e8f4f0;
	padding: 12px 0 !important;
}

.jump-link-banner.is-fixed {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	top: var(--jump-link-sticky-top, 60px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.jump-link-banner__placeholder {
	display: block;
	width: 100%;
}

.jump-link-banner__nav {
	width: 100%;
}

.jump-link-banner__scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.jump-link-banner__scroll::-webkit-scrollbar {
	display: none;
}

.jump-link-banner__list {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0;
	margin: 0;
	padding: 0 16px;
	list-style: none;
	min-width: min-content;
}

.jump-link-banner__item {
	flex: 0 0 auto;
	margin: 0;
}

.jump-link-banner__item::before {
	display: none;
}

.jump-link-banner__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 18px 20px 14px;
	color: #353535;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 2px solid transparent;
	transition: color 0.25s ease, border-color 0.25s ease;
}

.jump-link-banner__link:hover,
.jump-link-banner__link:focus-visible {
	color: #1c916d;
}

.jump-link-banner__link.active {
	color: #1c916d;
	border-bottom-color: #1c916d;
}

@media (min-width: 768px) {
	.jump-link-banner {
		padding: 14px 0;
	}

	.jump-link-banner__list {
		justify-content: center;
		padding: 0 24px;
		flex-wrap: wrap;
		min-width: 0;
	}

	.jump-link-banner__link {
		padding: 22px 28px 16px;
		font-size: 15px;
		letter-spacing: 1.4px;
	}
}

@media (min-width: 1200px) {
	.jump-link-banner {
		padding: 16px 0;
	}

	.jump-link-banner__list {
		padding: 0;
		flex-wrap: nowrap;
	}

	.jump-link-banner__link {
		padding: 26px 34px 19px;
		font-size: 17px;
		letter-spacing: 1.6px;
	}
}