/**
 * Fiche événement (rendu par get_event_detail()).
 *
 * Aucune feuille de style globale ne pose `height: auto` sur les images de ce
 * gabarit : Javo Core retire la feuille principale du thème (qui le faisait),
 * et le reset d'Elementor ne s'applique qu'à l'intérieur de `.elementor`.
 * L'image de l'événement gardait donc la hauteur de son attribut HTML
 * (ex. 888 px) alors que sa largeur était réduite à 50 % sur mobile :
 * affiche étirée, texte repoussé hors écran.
 */
.event-page-wrapper img {
	height: auto;
	max-width: 100%;
}

/* L'affiche inclinée ne doit pas déborder de l'écran sur mobile. */
@media (max-width: 767px) {
	.event-page-wrapper .event-page {
		overflow-x: hidden;
	}

	/*
	 * « Les autres événements » : le CSS additionnel du Customizer empile les
	 * cartes via `.other-events .css-events-list`, un conteneur que le shortcode
	 * [w_event_list] ne produit plus. Sans lui, les 3 cartes de 220 px restent
	 * en ligne et débordent de l'écran.
	 */
	.other-events {
		flex-direction: column;
		align-items: center;
	}
}