/* Event page nav: vertical sidebar list; hash links for sections */
.gcva-event-nav {
	position: sticky;
	top: calc(
		var(--wp-admin--admin-bar--height, 0px) + var(--wp--preset--spacing--50, 1.5rem)
	);
}

.gcva-event-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid var(--wp--preset--color--contrast-2, #ccc);
	padding-left: 1rem;
}

.gcva-event-nav__item {
	margin: 0;
}

.gcva-event-nav__link {
	display: grid;
	padding: 0.35em 0;
	text-decoration: none;
	color: inherit;
	font-size: 0.95rem;
	transition: color 0.15s ease;
}

/* Invisible bold copy sizes the row so active weight cannot wrap extra lines. */
.gcva-event-nav__link::before {
	content: attr(data-label);
	grid-area: 1 / 1;
	font-weight: 600;
	visibility: hidden;
	pointer-events: none;
}

.gcva-event-nav__link[href="#general-information"]::before {
	content: none;
}

.gcva-event-nav__text {
	grid-area: 1 / 1;
}

.gcva-event-nav__link:hover,
.gcva-event-nav__link:focus {
	text-decoration: underline;
	color: var(--wp--preset--color--contrast, currentColor);
}

.gcva-event-nav__link.is-active {
	font-weight: 600;
	color: var(--wp--preset--color--contrast, currentColor);
}

.gcva-event-nav__link[aria-current="true"] {
	font-weight: 600;
}

@media (min-width: 782px) {
	.gcva-event-section[id] {
		scroll-margin-top: calc(
			var(--wp-admin--admin-bar--height, 0px) + var(--wp--preset--spacing--50, 1.5rem)
		);
	}
}
