/* ── Generic Page Sticky Sub-Nav ─────────────────────────────────────────── */
/* Populated dynamically by page-nav.js from elements with id + class gbr-anchor */

.gbr-page-nav {
	position: sticky;
	top: calc(var(--gbr-alert-height, 0px) + var(--gbr-util-height, 40px) + var(--gbr-header-height, 60px) + 10px);
	z-index: 90;
	background: #132436 !important;
	border-top: 3px solid var(--client-accent, #4894a8);
	border-bottom: 3px solid var(--client-accent, #4894a8);
	border-radius: var(--client-radius, 5px);
	box-shadow: 0 4px 20px rgba(0,0,0,0.35);
	font-family: var(--client-font-display, sans-serif);
	width: fit-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	margin-bottom: -20px;
	transition: top 0.25s ease;
}

.admin-bar .gbr-page-nav {
	top: calc(32px + var(--gbr-alert-height, 0px) + var(--gbr-util-height, 40px) + var(--gbr-header-height, 60px) + 10px);
}

@media screen and (max-width: 782px) {
	.admin-bar .gbr-page-nav {
		top: calc(46px + var(--gbr-alert-height, 0px) + var(--gbr-util-height, 40px) + var(--gbr-header-height, 60px) + 10px);
	}
}

/* Hidden until JS confirms anchors exist */
.gbr-page-nav[hidden] {
	display: none;
}


.gbr-page-nav__inner {
	display: flex;
	align-items: stretch;
	overflow-x: auto;
	scrollbar-width: none;
}

.gbr-page-nav__inner::-webkit-scrollbar {
	display: none;
}

.gbr-page-nav__link {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding: 14px 24px;
	color: rgba(255,255,255,0.6);
	text-decoration: none;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	white-space: nowrap;
	border-bottom: 3px solid transparent;
	margin-bottom: -3px;
	transition: color 0.15s, border-color 0.15s, opacity 0.15s;
	text-align: center;
	line-height: 1.2;
}

.gbr-page-nav__link:hover {
	color: #fff !important;
	opacity: 0.8;
	text-decoration: none;
}

.gbr-page-nav__link.is-active {
	color: #fff;
	border-bottom-color: var(--client-accent, #4894a8);
}

@media (max-width: 640px) {
	.gbr-page-nav__link {
		font-size: 0.65rem;
		padding: 12px 10px;
		flex: 0 0 auto;
	}
}