/**
 * Habillage des contenus importés.
 *
 * Cette feuille ne pose que ce que les réglages Elementor ne peuvent pas poser
 * proprement : le centrage du conteneur, la lisibilité des listes, le
 * comportement responsive de la galerie. Aucune couleur n'est imposée : le
 * plugin reproduit un document, il n'applique pas de charte — tout hérite du
 * thème, et chaque bloc reste modifiable dans Elementor.
 *
 * Deux précautions rendent l'override fiable :
 *  - la feuille est chargée APRÈS elementor-frontend (dépendance déclarée) ;
 *  - les sélecteurs sont préfixés par « body », ce qui les place à (0,2,1) :
 *    au-dessus des règles du thème, mais EN DESSOUS du CSS que génère Elementor
 *    par élément (.elementor-123 .elementor-element-abc, soit 0,3,0). Vos
 *    propres réglages dans Elementor l'emportent donc toujours sur ce fichier.
 *    C'est la raison pour laquelle aucun !important n'est utilisé ici.
 */

/* ------------------------------------------------------------- Conteneur */

/* Centrage du conteneur de premier niveau.
   La LARGEUR vient des réglages Elementor ; ce fichier ne fait que centrer.
   Valeurs simples volontairement : ni min(), ni calc(), ni variable. Une seule
   de ces fonctions qui échoue à l'analyse fait tomber toute la déclaration, et
   le bloc repart alors en pleine page. */
body .elementor .ebb-doc {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* Gouttières sur petit écran. La largeur passe à 100 % via les réglages
   responsive d'Elementor ; il ne reste qu'à écarter le contenu des bords. */
@media (max-width: 1160px) {
	body .elementor .ebb-doc {
		margin-left: 20px;
		margin-right: 20px;
	}
}

/* L'espacement vertical vient du gap du conteneur, pas des marges de widget :
   deux mécanismes concurrents produisaient des écarts imprévisibles. */
body .elementor .ebb-doc {
	--display: flex;
	--flex-direction: column;
	--gap: 18px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

body .elementor .ebb-doc > .elementor-widget {
	margin-block-end: 0;
	width: 100%;
}

/* --------------------------------------------------------------- Titres */

body .elementor .ebb-title .elementor-heading-title {
	line-height: 1.15;
	text-wrap: balance;
	margin: 0;
}

body .elementor .ebb-h2 .elementor-heading-title,
body .elementor .ebb-h3 .elementor-heading-title {
	line-height: 1.25;
	text-wrap: balance;
	margin: 0;
}

/* Un intertitre a besoin de respirer davantage au-dessus qu'en dessous :
   il appartient visuellement au texte qui le suit. */
body .elementor .ebb-h2 {
	margin-block-start: 16px;
}

/* ---------------------------------------------------------------- Texte */

body .elementor .ebb-doc p:last-child {
	margin-bottom: 0;
}

body .elementor .ebb-list ul,
body .elementor .ebb-list ol {
	margin: 0;
	padding-inline-start: 1.35em;
}

body .elementor .ebb-list li {
	margin-block-end: 6px;
}

body .elementor .ebb-list li:last-child {
	margin-block-end: 0;
}

/* -------------------------------------------------------------- Citation */

/* Le fond, l'arrondi et les marges de la citation sont écrits dans les
   réglages Elementor : ils restent visibles même si cette feuille manque, et
   se retouchent à la souris. On ne complète ici que la mise en forme du texte. */
body .elementor .ebb-quote {
	--display: flex;
	--flex-direction: column;
	display: flex;
	flex-direction: column;
}

body .elementor .ebb-quote p {
	margin: 0;
	font-style: italic;
}

/* --------------------------------------------------------------- Images */

body .elementor .ebb-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 14px;
}

/* -------------------------------------------------------------- Galerie */

body .elementor .ebb-gallery {
	--display: flex;
	--flex-direction: row;
	--gap: 14px;
	display: flex;
	flex-direction: row;
	gap: 14px;
	align-items: flex-start;
}

body .elementor .ebb-gallery > .elementor-widget {
	flex: 1 1 0;
	min-width: 0;
	margin-block-end: 0;
}

body .elementor .ebb-gallery-item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 14px;
}

@media (max-width: 767px) {
	body .elementor .ebb-gallery {
		--flex-direction: column;
		flex-direction: column;
	}
}