/* Belfast 89FM — seamless navigation progress bar + a11y helper. */

.b89-nav-progress {
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	width: 0;
	background: var(--b89-red, #E1332A);
	z-index: 99999;
	opacity: 0;
	pointer-events: none;
}

.b89-nav-progress.is-loading {
	opacity: 1;
	width: 80%;
	transition: width 1.2s cubic-bezier(.1, .8, .3, 1);
}

.b89-nav-progress.is-done {
	opacity: 0;
	width: 100%;
	transition: width .2s ease, opacity .35s ease .15s;
}

.b89-visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* The swapped content region takes focus after navigation; never show a ring
   around the whole page as a result. */
.site-content:focus,
#content:focus,
main:focus {
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	.b89-nav-progress {
		transition: none;
	}
}