/* =========================================================================
   Sunbird Lottie — delad mekanik för [data-sunbird-lottie]-ytor.
   Lottie är uttryckligen användarbegärd (fidelity-undantag, se CLAUDE.md).

   Poster-bilden ligger kvar i flödet som storleksgivare (noll CLS); stagen
   absolutpositioneras över och visas när JS:et satt is-ready
   (assets/js/lottie.js). Ingen transition — swap, inte crossfade.
   ========================================================================= */
.sunbird-lottie {
	position: relative;
}
.sunbird-lottie__stage {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
}
.sunbird-lottie.is-ready .sunbird-lottie__stage {
	opacity: 1;
}
/* Bilden behålls i flödet (layout/storleksgivare) — döljs endast visuellt. */
.sunbird-lottie.is-ready .sunbird-lottie__img {
	opacity: 0;
}
/* Degraderat läge utan poster: stagen i flödet; aspect-ratio sätts av JS. */
.sunbird-lottie--bare .sunbird-lottie__stage {
	position: static;
}

/* Reducerad rörelse: hängslen utöver JS:ets init-time-check — täcker att
   inställningen slås på mitt i sessionen (postern återvänder direkt). */
@media (prefers-reduced-motion: reduce) {
	.sunbird-lottie__stage {
		display: none;
	}
	.sunbird-lottie.is-ready .sunbird-lottie__img {
		opacity: 1;
	}
}