/* -------------------------------------------------------------------------- */
/*                         SPRITE PAPILLON 2027                               */
/* Asset : assets/img/2027/sprite-papillon/sprite-papillon.png                */
/* Strip 3852×342 = 12 frames × 321×342                                       */
/* Enqueue : rmcf-style.php (rmcf-sprite-papillon) — pas dans walt_main.       */
/* -------------------------------------------------------------------------- */

.sprite-papillon {
	--sprite-papillon-duration: 1.8s;
	display: block;
	box-sizing: border-box;
	background-image: url('../../../../assets/img/2027/sprite-papillon/sprite-papillon.png');
	background-repeat: no-repeat;
	background-position: 0% 0;
	background-size: auto 100%;
	pointer-events: none;
	transform: scaleX(-1);
	transform-origin: center center;
	/* Annule l’ancien bundle walt_main (flap-pct / 1200%) */
	animation: none;
}

@keyframes sprite-papillon-flap {
	from {
		background-position: 0% 0;
	}
	to {
		background-position: 100% 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sprite-papillon--text-media,
	.sprite-papillon--menu {
		animation: none;
	}
}

.sprite-papillon--text-media,
.sprite-papillon--menu {
	position: absolute;
	z-index: 2;
	height: auto;
	aspect-ratio: 321 / 342;
	background-image: url('../../../../assets/img/2027/sprite-papillon/sprite-papillon.png');
	background-repeat: no-repeat;
	background-position: 0% 0;
	background-size: auto 100%;
	animation: sprite-papillon-flap var(--sprite-papillon-duration) steps(11) infinite;
}

/* Feuille-txt-image 231×435 — papillon ~131×137 sur le haut de feuille */
.sprite-papillon--text-media {
	    left: 12%;
    top: 28.5%;
	width: 56.7%; /* ≈ 131 / 231 */
}

/* feuilles-menu 297×333 — Figma: 131×137 @ 78,34 */
.sprite-papillon--menu {
	
    left: 10.2626%;
    top: 14.2102%;
    
	width: 44.1077%; /* 131 / 297 */
}