/*
 * Hero accueil Elementor V4 — résidu CSS non représentable par les classes.
 * Layout, espacements, typo, couleurs et bordures vivent dans les Global Classes.
 */

/* Mesh de marque : superposition de plusieurs gradients radiaux. */
.mist-v4-home-hero {
	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;
}

/* Filet décoratif de l'eyebrow. */
.mist-v4-eyebrow::before {
	content: "";
	width: 22px;
	height: 2px;
	flex: 0 0 auto;
	border-radius: 2px;
	background: #e94e1b;
}

/* Surlignage du titre : remappé sur <em> (produit par le bouton « italique » de
   l'éditeur) pour qu'Anne-Laure puisse le poser/retirer au clic. <span> gardé en
   compat. font-style:normal -> <em> surligne au lieu de mettre en italique. */
.mist-v4-home-title span,
.mist-v4-home-title em {
	font-style: normal;
	padding: 0 0.05em;
	border-radius: 3px;
	background: linear-gradient(transparent 60%, rgba(233, 78, 27, 0.24) 60%);
}

/* États et animations du carrousel. */
.elementor [data-mist-carousel-slide][aria-hidden="true"] {
	display: none;
}

.elementor [data-mist-carousel-slide][aria-hidden="false"] {
	display: block;
	animation: mistV4HeroCardIn 0.5s ease both;
}

@keyframes mistV4HeroCardIn {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.mist-v4-news-dot[aria-current="true"] {
	width: 34px;
	background: #e4e1f2;
}

.mist-v4-news-dot[aria-current="true"]::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: #e94e1b;
	transform: scaleX(0);
	transform-origin: left;
	animation: mistV4HeroDotFill 5500ms linear forwards;
}

[data-mist-carousel][data-mist-paused="true"] .mist-v4-news-dot[aria-current="true"]::after {
	animation-play-state: paused;
}

@keyframes mistV4HeroDotFill {
	to {
		transform: scaleX(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.elementor [data-mist-carousel-slide][aria-hidden="false"] {
		animation: none;
	}

	.mist-v4-news-dot[aria-current="true"]::after {
		animation: none;
		transform: scaleX(1);
	}
}