/*
 * Bas de page — dernier bloc + footer, en un seul aplat.
 *
 * Objectif : même fond pour les deux, et aucune séparation visible entre eux.
 *
 * Attention au piège : la classe .na-footer n'existe pas dans le DOM rendu (elle
 * n'y était pas non plus dans la version Elementor d'origine), donc toute la règle
 * .na-footer{...} du design system est morte. Le vert #004131 du footer vient en
 * réalité de post-151.css, par identifiant d'élément. On cible donc les deux :
 * la classe sémantique quand elle existe, et l'identifiant qui, lui, est toujours
 * là.
 *
 *   73b1e65  section « na-action » (dernier bloc de contenu)
 *   5d3b41c  <footer>
 *   cb8e054  conteneur intérieur du footer
 *
 * Le fond du site est beige (body{background:#FFF5E2}) : le moindre espace entre
 * deux sections le laisse apparaître sous forme de trait clair. Les marges sont
 * donc mises à zéro des deux côtés.
 */

.elementor-151 .na-action,
.elementor-151 .elementor-element-73b1e65,
.elementor-151 .elementor-element-5d3b41c,
.elementor-151 .elementor-element-cb8e054 {
	background: var( --indigo, #827efc ) !important;
	background-color: var( --indigo, #827efc ) !important;
}

/* Liaison directe : ni trait, ni espace où le beige du body pourrait passer. */
.elementor-151 .elementor-element-73b1e65,
.elementor-151 .elementor-element-5d3b41c {
	border: 0 !important;
	border-top: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.elementor-151 .elementor-element-5d3b41c {
	/* Le footer ferme la page : il ne doit rien laisser dépasser en dessous. */
	margin-block-end: 0 !important;
}

/*
 * La carte du questionnaire était calée sur un fond vert foncé. Sur l'indigo elle
 * reste lisible, le voile est juste un peu renforcé pour qu'elle se détache.
 */
.elementor-151 .na-action .na-action-card {
	background: rgba( 255, 245, 226, 0.1 ) !important;
	border-color: rgba( 255, 245, 226, 0.24 ) !important;
}

/*
 * Charte : sur fond Pluie Indigo, seuls Beige, Vert profond et Brume de bambou
 * sont autorisés en texte. Le footer hérite donc du Beige.
 */
.elementor-151 .elementor-element-5d3b41c,
.elementor-151 .elementor-element-5d3b41c p,
.elementor-151 .elementor-element-5d3b41c a {
	color: var( --beige, #fff5e2 ) !important;
}


/* --- bandes beiges : haut de page, avant et après le footer ---------------- */

/*
 * Mesuré dans le navigateur : .na-v3-root est un flex column avec gap:20px, hérité
 * d'Elementor via `.elementor-element:where(.e-con-full,.elementor-widget)` qui lit
 * --row-gap. Trois de ses enfants ont une hauteur nulle — la modale du quiz, le
 * bloc CSS/JS, et un widget en fin de page — mais le gap s'applique quand même
 * autour d'eux. D'où trois bandes où le fond beige du body transparaît :
 *
 *   40 px au-dessus du hero   (20 + 20, après chacun des deux widgets invisibles)
 *   20 px avant le footer
 *   20 px après le footer
 *
 * Les sections portent déjà leur propre padding vertical, donc ce gap n'apportait
 * rien : le mettre à zéro les fait se toucher, sans rien resserrer à l'intérieur.
 */
.elementor-151 .na-v3-root {
	row-gap: 0 !important;
	--row-gap: 0px !important;
}

/*
 * Sécurité : les widgets sans contenu visible ne doivent occuper aucune place.
 *
 * `.na-style-js` figurait ici : c'était le widget qui portait le CSS et le JS de
 * la page. Depuis qu'ils sont des fichiers de l'extension, ce widget n'existe
 * plus dans le DOM et la règle a été retirée avec lui.
 */
.elementor-151 .na-v3-root > .na-quiz-modal-widget {
	display: contents !important;
}