/*
 * MPA — Charte des blocs de contenu déposés par la routine SEO (MON-113)
 * ----------------------------------------------------------------------
 * Repères de charte du site :
 *   titres     Poppins 800 #3C3450 — 55 / 45 / 35 px (titres de page et de section)
 *   sous-titres Poppins 700 — 34 / 30 / 25 px
 *   textes     Montserrat 500 16 px #3C3450
 *   action     #FE624D (liens, boutons, prix) — corail clair #FC7C6C en accent
 *   lecture    ~780 px
 *   ruptures   1024 px (tablette) et 767 px (mobile)
 *
 * Ce fichier ne traite QUE ce que le bloc « mpa-charte » du thème enfant
 * laissait sans style : les titres écrits en HTML brut dans un widget texte,
 * et la largeur de lecture des blocs. Le reste (liens, tableaux, listes,
 * encadrés, FAQ) reste géré par le thème.
 */

/* ------------------------------------------------------------------ *
 * 1. Largeur de lecture
 *    Un widget texte de la routine posé dans un conteneur sans largeur
 *    tombe sur les 1300 px du kit, soit ~190 caractères par ligne sur un
 *    écran large. Le max-width ne peut que plafonner : un bloc déjà
 *    contenu dans une colonne étroite n'est pas touché.
 * ------------------------------------------------------------------ */
.elementor-widget-text-editor.mpa-el > .elementor-widget-container {
	max-width: 780px;
	margin-inline: auto;
}

/* Un tableau a besoin de sa place : on lui rend la largeur du conteneur. */
.elementor-widget-text-editor.mpa-el > .elementor-widget-container:has(table) {
	max-width: none;
}

/* ------------------------------------------------------------------ *
 * 2. Titres écrits en HTML brut dans un widget texte
 *    Ils n'ont ni classe ni style Elementor. Le kit ne définit aucune
 *    typographie h1-h6, et le thème ne stylait que « .mpa-faq h3 » :
 *    tout le reste retombait sur la police par défaut du thème.
 *    « :not(.mpa-faq) » laisse intactes les FAQ déjà à la charte.
 * ------------------------------------------------------------------ */
.mpa-el:not(.mpa-faq) h2,
.mpa-el:not(.mpa-faq) h3,
.mpa-el:not(.mpa-faq) h4 {
	font-family: "Poppins", Sans-serif;
	color: #3C3450;
	line-height: 1.35;
}

.mpa-el:not(.mpa-faq) h2 {
	font-size: 34px;
	font-weight: 700;
	margin: 1.9em 0 0.45em;
}

.mpa-el:not(.mpa-faq) h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 1.7em 0 0.4em;
}

.mpa-el:not(.mpa-faq) h4 {
	font-size: 17px;
	font-weight: 600;
	margin: 1.5em 0 0.35em;
}

.mpa-el:not(.mpa-faq) h2:first-child,
.mpa-el:not(.mpa-faq) h3:first-child,
.mpa-el:not(.mpa-faq) h4:first-child {
	margin-top: 0;
}

/* ------------------------------------------------------------------ *
 * 3. Respiration du corps de texte
 *    Le thème fixe la famille et la couleur, pas le rythme.
 * ------------------------------------------------------------------ */
.mpa-el p {
	line-height: 1.8;
	margin-bottom: 1.1em;
}

.mpa-el p:last-child {
	margin-bottom: 0;
}

/* ------------------------------------------------------------------ *
 * 4. Tablette (≤ 1024 px)
 * ------------------------------------------------------------------ */
@media (max-width: 1024px) {
	.mpa-el:not(.mpa-faq) h2 {
		font-size: 30px;
	}

	.mpa-el:not(.mpa-faq) h3 {
		font-size: 19px;
	}
}

/* ------------------------------------------------------------------ *
 * 5. Mobile (≤ 767 px)
 *    La largeur de lecture s'efface, seule la marge latérale tient.
 * ------------------------------------------------------------------ */
@media (max-width: 767px) {
	.elementor-widget-text-editor.mpa-el > .elementor-widget-container {
		max-width: 100%;
	}

	.mpa-el:not(.mpa-faq) h2 {
		font-size: 25px;
		margin-top: 1.6em;
	}

	.mpa-el:not(.mpa-faq) h3 {
		font-size: 18px;
		margin-top: 1.5em;
	}
}