/*
 * §44.b — section « Nos prochains événements » dynamique.
 *
 * ⚠️ CE FICHIER NE REFAIT PAS LE DESIGN. Tout le style des cartes vient des
 * classes globales du kit (`mist-v4-ecard-*`, `-badge*`, `-grid-3`,
 * `-link-text`), servies par `global-<id>-frontend-*.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 figée -> dynamique rend nécessaire.
 *
 * Mesuré le 08/09 dans le kit : `mist-v4-container` est en `display:block`, donc
 * les enveloppes du widget Shortcode y sont visuellement transparentes. C'est
 * pour ça qu'il n'y a rien ici pour la mise en page de la grille.
 */

/* 1. Le titre n'est plus choisi à la main.
 *
 * Les trois cartes figées portaient des titres calibrés sur DEUX lignes
 * (47,5 px mesurés, 19 px × 1,25). Les vrais titres vont de « Construire son
 * DUERP » à « Agent de maintenance, dentiste, maçon, peintre, etc. : tous
 * concernés par la silice cristalline » — cinq lignes. Les trois cartes étant
 * des éléments de grille, la plus haute impose sa hauteur aux deux autres :
 * un titre long allonge la section entière.
 *
 * ⚠️ Le débordement d'un enfant ne déclenche PAS le critère « overflow 0 » des
 * sondes, et une carte plus haute reste une carte valide : rien ne l'aurait
 * signalé. On borne donc à deux lignes, comme la référence. */
.elementor .mist-prochains-evt .mist-v4-ecard-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}

/* 2. Le titre est devenu un lien — il lui faut un signe.
 *
 * ⚠️ Mesuré le 07/09 (`mist-ds.css:65`) : dans ce design system,
 * `a { color: inherit; text-decoration: none }`. Un lien posé dans un texte n'a
 * donc AUCUNE apparence propre, et les huit critères de sonde restent verts —
 * c'est exactement le défaut des trois liens de R-EVTF, que seule la capture
 * avait montré.
 *
 * Ici l'absence d'apparence est ce qu'on veut au repos (le titre doit rester
 * identique à la référence), mais pas au survol : un titre cliquable sans
 * aucun retour est un titre dont personne ne devine qu'il mène quelque part.
 * On ajoute donc le MINIMUM — un soulignement au survol et au focus clavier —
 * sans toucher ni la couleur ni la graisse. */
.elementor .mist-prochains-evt .mist-v4-ecard-title > a {
	color: inherit;
	text-decoration: none;
}

.elementor .mist-prochains-evt .mist-v4-ecard-title > a:hover,
.elementor .mist-prochains-evt .mist-v4-ecard-title > a:focus-visible {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
}

/* 3. Les enveloppes du widget Shortcode.
 *
 * Elementor enveloppe la sortie d'un widget Shortcode dans trois div
 * (`.elementor-widget-shortcode` > `.elementor-widget-container` >
 * `.elementor-shortcode`). `mist-v4-container` est en `display:block` : elles y
 * sont transparentes pour la mise en page.
 *
 * ⚠️ MAIS PAS POUR LES MARGES. Elementor pose `margin-bottom` sur
 * `.elementor-widget:not(:last-child)` : le jour où quelqu'un ajoute un élément
 * SOUS la grille, la section gagnerait un blanc que personne n'a demandé.
 *
 * 🔴 ET LA PORTÉE PASSE PAR NOTRE PROPRE CLASSE, PAS PAR CELLE DU KIT.
 * Première version : le sélecteur partait de `.mist-v4-container`. Le test l'a
 * refusée, et il avait raison — `mist-v4-container` est le conteneur de TOUTES
 * les sections du site, et plusieurs portent d'autres widgets Shortcode
 * (éligibilité, disque, formulaires). On aurait remis à zéro les marges de
 * widgets qui n'ont rien à voir avec ce lot, sur des pages en service.
 *
 * Le widget porte donc `mist-prochains-evt-widget` dans ses réglages Elementor
 * (`_css_classes`), posé au moment du remplacement chirurgical. */
.elementor .mist-prochains-evt-widget,
.elementor .mist-prochains-evt-widget > .elementor-widget-container,
.elementor .mist-prochains-evt-widget .elementor-shortcode {
	margin: 0;
	padding: 0;
	position: static;
}

/* 4. Aucune séance à venir : le message et le bouton, jamais une section vide.
 *
 * On réutilise la grille du kit pour hériter de son espacement, mais sur une
 * seule colonne : deux éléments dans une grille de trois colonnes se
 * colleraient à gauche sur un tiers de la largeur. */
.elementor .mist-prochains-evt-vide {
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	justify-items: start;
}

/* 5. Le repli quand une séance n'a pas d'image mise en avant.
 *
 * Mesuré le 08/09 : 0 séance sur 21 est dans ce cas — c'est un filet, pas un
 * chemin de service. Inventer un fichier d'illustration serait du contenu
 * client inventé ; on garde la géométrie de la carte avec un aplat repris du
 * mesh de marque, comme le repli du carrousel d'actus. */
.elementor .mist-prochains-evt-repli {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	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;
}