/*
 * Fortuna UI — knop Terug naar boven (assets/js/boven.js maakt hem aan).
 * Rond, geel (zichtbaar op wit én op het donkergroen van de voet), rechtsonder; verschijnt na 40% van een scherm scrollen en schuift zacht omhoog in beeld.
 */
.fu-boven {
	position: fixed;
	right: max(var(--fu-space-4), env(safe-area-inset-right));
	bottom: max(var(--fu-space-4), env(safe-area-inset-bottom));
	z-index: var(--fu-z-boven);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--fu-control-l);
	height: var(--fu-control-l);
	padding: 0;
	border: 0;
	border-radius: var(--fu-r-pill);
	background: var(--fu-c-accent);
	color: var(--fu-c-on-accent);
	box-shadow: var(--fu-shadow-md);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(var(--fu-beweeg-l));
	transition: opacity var(--fu-beweging-hover), transform var(--fu-beweging-hover), visibility 0s linear var(--fu-dur-2), background-color var(--fu-beweging-hover);
}

.fu-boven.is-zichtbaar {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition-delay: 0s;
}

.fu-boven:hover { background: var(--fu-geel-500); }
.fu-boven:active { transform: scale(0.96); }
.fu-boven:focus-visible { outline: var(--fu-focus-breedte) solid var(--fu-c-focus); outline-offset: var(--fu-focus-afstand); }
.fu-boven .fu-icon { width: var(--fu-icoon-l); height: var(--fu-icoon-l); vertical-align: 0; }

@media (prefers-reduced-motion: reduce) {
	.fu-boven,
	.fu-boven.is-zichtbaar { transform: none; transition-duration: 1ms; }
}

@media print {
	.fu-boven { display: none; }
}