/*
 * Section « Nos prochains événements » Elementor V4 — résidu CSS non
 * représentable par les Global Classes (même contrat que mist-home-hero.css) :
 * dégradés multi-couches, pseudo-éléments, transitions, props rejetées.
 */

/* Mesh de marque : superposition de plusieurs gradients radiaux. */
.mist-v4-section-mesh {
	background:
		radial-gradient(60% 80% at 12% 18%, rgba(166, 157, 205, 0.30), transparent 60%),
		radial-gradient(55% 70% at 88% 22%, rgba(233, 78, 27, 0.14), transparent 62%),
		radial-gradient(70% 90% at 70% 95%, rgba(111, 191, 138, 0.16), transparent 60%),
		#fff;
}

/* Puce du badge (le schéma atomique n'a pas de ::before). */
.mist-v4-badge-dot::before {
	content: "";
	width: 7px;
	height: 7px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: currentColor;
}

/* flex-grow refusé par le schéma des Global Classes : cartes d'égale hauteur. */
.mist-v4-ecard-body {
	flex: 1;
}

/* Micro-interaction des cartes (transform/transition hors schéma). */
.mist-v4-ecard {
	transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s;
}

.mist-v4-ecard:hover {
	transform: translateY(-6px);
	box-shadow: 0 4px 12px -4px rgba(31, 36, 68, 0.10), 0 20px 48px -18px rgba(62, 73, 130, 0.24);
}

/* Raffinements du soulignement des liens texte. */
.mist-v4-link-text {
	text-decoration-color: rgba(62, 73, 130, 0.35);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
	transition: color 0.2s, text-decoration-color 0.2s;
}

.mist-v4-link-text:hover {
	text-decoration-color: #e94e1b;
}

@media (prefers-reduced-motion: reduce) {
	.mist-v4-ecard,
	.mist-v4-link-text {
		transition: none;
	}

	.mist-v4-ecard:hover {
		transform: none;
	}
}