/*
 * D-02 — carrousel « Nos dernières actus » dynamique.
 *
 * ⚠️ CE FICHIER NE REFAIT PAS LE DESIGN. Tout le style des cartes vient des
 * classes globales du kit (`mist-v4-news-*`), servies par
 * `global-28-frontend-desktop.css` : le shortcode repose les mêmes classes,
 * donc il hérite du même rendu, au pixel. On ne trouve ici QUE ce que la
 * bascule statique -> dynamique rend nécessaire.
 */

/* 1. Le titre et l'extrait ne sont plus choisis à la main.
 *
 * Les trois cartes en dur portaient des textes calibrés (un titre de deux
 * lignes, un résumé de deux lignes). Un vrai titre d'article peut en faire
 * quatre, et la carte s'allonge — ce qui déplace les commandes du carrousel à
 * chaque changement de diapo. Le débordement d'un enfant ne déclenche PAS le
 * critère « overflow 0 » des sondes : rien ne l'aurait signalé.
 *
 * 🔴 BORNÉE AU CARROUSEL LE 08/09 — arbitrage de Daniel, QUESTIONS.md §45.c.
 * Tant qu'elle visait `.mist-v4-news-title` et `.mist-v4-news-summary`, elle
 * coupait à deux lignes TOUT titre du site portant ces classes du kit — et une
 * classe du kit se pose depuis l'éditeur, sur n'importe quelle page. Mesuré le
 * 08/09 sur `/prevention/desinsertion-professionnelle/` en 390 : les titres de
 * vidéo font trois lignes et sortaient tronqués par des points de suspension,
 * en HTTP 200, sans débordement, sans erreur. La section a dû contourner en
 * changeant de classe (§45.c) ; ce contournement n'a plus lieu d'être.
 *
 * Les deux marques ci-dessous sont posées par `mist_actus_hero_rendu()` :
 * elles n'existent QUE là où ce module rend. Même spécificité qu'avant
 * — (0,2,0) —, donc aucune cascade ne change sur l'accueil. */
.elementor .mist-actus-hero-titre,
.elementor .mist-actus-hero-extrait {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 🔴 ET LE TITRE RÉSERVE TOUJOURS SES DEUX LIGNES — décision de Daniel du
 * 01/10/2026 (CARROUSEL-IMG). La coupure ci-dessus bornait la carte par le
 * HAUT, pas par le BAS : un titre d'une ligne la raccourcissait de 23,75 px.
 * Mesuré le 01/10 à 1440 : 480 px avec « Reprendre le travail après une
 * longue maladie » (cochée « Accueil »), 504 px avec les deux suivantes, et
 * TOUTE la page sous le hero décalée de 23,7 px à chaque rotation
 * automatique. Aucun des huit critères de sonde ne le voit.
 *
 * `2lh` et pas `47.5px` : l'unité suit la hauteur de ligne du KIT (1,25 x
 * 19 px), on ne recopie aucune valeur du design. Un navigateur antérieur à
 * 2023 qui ignore `lh` ignore la déclaration : il garde le comportement
 * d'avant, rien ne casse.
 *
 * Le blanc sous un titre court est le prix assumé de la décision. Les titres
 * de trois lignes (2 sur 53 à 390, aucun à 1440 — mesuré le 01/10) restent
 * coupés à deux par « … » : la réserve et la coupure ont la même hauteur. */
.elementor .mist-actus-hero-titre {
	-webkit-line-clamp: 2;
	line-clamp: 2;
	min-height: 2lh;
}

.elementor .mist-actus-hero-extrait {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

/* 2. Le repli quand un article n'a pas d'image mise en avant.
 *
 * Mesuré le 07/09 : 0 article sur 47 est dans ce cas — c'est un filet, pas un
 * chemin de service. Le gabarit Article #4964 ne pose aucune image générique
 * (il MASQUE le widget quand l'image manque), et inventer un fichier serait du
 * contenu client inventé. On garde donc la géométrie de la carte avec un aplat
 * repris du mesh de marque du hero. */
.elementor .mist-actus-hero-repli {
	background:
		radial-gradient(60% 80% at 20% 20%, rgba(166, 157, 205, 0.35), transparent 62%),
		radial-gradient(70% 90% at 80% 80%, rgba(233, 78, 27, 0.16), transparent 60%),
		#f2f0f9;
}

/* 3. Le shortcode s'intercale sous le conteneur Elementor du carrousel.
 *
 * Elementor enveloppe la sortie d'un widget Shortcode dans trois div
 * (`.elementor-widget-shortcode` > `.elementor-widget-container` >
 * `.elementor-shortcode`). `.mist-v4-news-carousel` est en `display:block` :
 * ces div y sont visuellement transparentes. Mais la pastille
 * « Nos dernières actus » est en `position:absolute` et s'ancre sur le premier
 * ancêtre POSITIONNÉ — on garantit donc qu'aucune enveloppe ne se positionne
 * entre elle et le carrousel. */
.elementor .mist-v4-news-carousel .elementor-widget-shortcode,
.elementor .mist-v4-news-carousel .elementor-widget-container,
.elementor .mist-v4-news-carousel .elementor-shortcode {
	position: static;
	margin: 0;
	padding: 0;
}