/* JD Instant Nav 0.7.0 — HAND-WRITTEN ✍️ 2026-09-11.
   De laadmelding en de aankondigingsregio. Verder niets: deze plugin stileert
   geen enkele pagina. */

/* Een voortgangsbalk over de bovenrand, in plaats van Bricks' 48px spinner in
   het midden. Perifeer leesbaar: je ziet hem terwijl je naar de nav kijkt die
   je net aanklikte, wat van een grijze schijf midden in beeld niet gold.

   scaleX in plaats van width, zodat de animatie op de compositor draait en
   geen layout veroorzaakt tijdens een swap. Hij loopt naar 92% en niet naar
   100%: de balk mag pas vol zijn als de pagina er ECHT is, anders belooft hij
   iets wat nog niet waar is. */
.jdin-bar {
	position: fixed;
	inset: 0 0 auto 0;
	height: 3px;
	z-index: 100000;
	pointer-events: none;
	background: #d6383b; /* irepair4u: de rood van .bricks-background-primary */
	transform: scaleX(0);
	transform-origin: 0 50%;
	animation: jdin-bar-grow 8s cubic-bezier(0.12, 0.8, 0.2, 1) forwards;
}

@keyframes jdin-bar-grow {
	from { transform: scaleX(0); }
	to   { transform: scaleX(0.92); }
}

/* Aangekomen: afmaken, dan pas wegfaden. */
.jdin-bar.jdin-bar-done {
	animation: none;
	transform: scaleX(1);
	opacity: 0;
	transition: transform 0.12s ease-out, opacity 0.25s ease 0.12s;
}

/* Een onbepaalde, kruipende balk is precies het soort beweging dat
   bewegingsreductie bedoelt. Dan een stille, statische balk: nog steeds de
   melding "er gebeurt iets", zonder de animatie. */
@media (prefers-reduced-motion: reduce) {
	.jdin-bar {
		animation: none;
		transform: scaleX(1);
	}
	.jdin-bar.jdin-bar-done {
		transition: opacity 0.2s ease;
	}
}

/* De live region (J8) hoort gelezen te worden, niet gezien. clip-path plus
   een 1px-doos: `display:none` en `visibility:hidden` halen een element uit
   de toegankelijkheidsboom, waarna geen schermlezer hem nog aankondigt. */
.jdin-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

/* De landingsknoop krijgt tabindex="-1" om de focus te kunnen ontvangen; die
   focusring hoort bij een muisklik niet in beeld te komen. */
#brx-content[tabindex="-1"]:focus {
	outline: none;
}