/**
 * Pilates & Moi — pastille « live » (Global Class Elementor moiLiveDot)
 * ---------------------------------------------------------------------
 * Chargé par le plugin « MOI — Habillages du site ».
 *
 * La forme et la couleur de la pastille sont réglées dans Elementor, sur la
 * Global Class moiLiveDot. Le schéma de style v4 ne sait pas décrire une
 * animation : seule la pulsation vit ici, accrochée au label de la classe.
 * Elle sert aux bandeaux d'annonce (prochaine session d'une formation…).
 */

.moiLiveDot {
	position: relative;
	flex-shrink: 0;
	animation: moi-live-clignote 1.6s ease-in-out infinite;
}

.moiLiveDot::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: inherit;
	animation: moi-live-onde 1.6s ease-out infinite;
}

@keyframes moi-live-clignote {
	0%, 100% { opacity: 1; }
	50%      { opacity: .45; }
}

@keyframes moi-live-onde {
	0%   { transform: scale(1);   opacity: .5; }
	100% { transform: scale(1.9); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.moiLiveDot,
	.moiLiveDot::after {
		animation: none;
	}
}