/* ============================================================
   🌸 1. STRUCTURE GLOBALE & TEXTES DE BASE
   ============================================================ */
/* Texte global */
.entry-content p {
	font-size: 1em;
	color: #444;
	font-style: normal;
}

/* Texte d’intro centré, doux et lisible */
.intro-text,
.page-intro {
	text-align: center;
	color: #666;
	font-size: 16px;
	font-style: italic;
	line-height: 1.6;
	max-width: 720px;
	margin: 0 auto 24px;
}

/* Petites phrases finales et citations */
.note-meraki {
	font-style: italic;
	font-size: .98em;
	color: #444;
	text-align: center;
	margin-bottom: 20px;
}

.closing-text {
	font-style: normal;
	font-size: 16px;
	color: #444;
	text-align: center;
	margin-top: 12px;
}

/* Texte d’intro dans les blocs */
.cat-bloc__intro {
	text-align: center;
	color: #444;
	font-size: 15px;
	font-style: normal !important;
	line-height: 1.6;
	margin: 0 auto 18px;
	max-width: 680px;
}

/* Espacement entre les blocs */
.cat-bloc {
	margin-bottom: 50px;
}

/* Séparateurs et petites décorations */
.separator {
	text-align: center;
	font-size: 20px;
	color: #e39ca5;
	margin: 35px 0;
	letter-spacing: 10px;
}

.pinterest-highlight {
	text-align: center;
	font-size: 18px;
	color: #444;
	margin: 25px 0 35px;
}

/* ============================================================
   🌸 2. TITRES DU SITE (harmonisés)
   ============================================================ */
h1, .intro-title {
	font-size: 26px;
	font-weight: 700;
	color: #444;
	text-align: center;
}

h2, h2.section-title, h2.intro-title, .h2-classique {
	font-size: 21px !important;
	font-weight: 700 !important;
	color: #e39ca5 !important;
	text-align: center !important;
	margin: 25px 0 15px !important;
}

h3, .sub-title {
	color: #e39ca5;
	font-weight: 700;
	font-size: 1.1em;
	text-align: center;
	margin: 20px 0 10px;
}

/* ============================================================
   🌸 3. BOUTONS — STYLE DE BASE UNIFORMISÉ
   ============================================================ */
/* Tous les boutons partagent la même forme et taille */
a.btn-light,
a.btn-dark,
a.btn-pink,
a.btn-pinterest,
a.catalogue-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 210px !important;
	height: 58px !important;
	padding: 0 18px !important;
	font-family: inherit !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	border-radius: 12px !important;
	border: none !important;
	box-shadow: none !important;
	margin: 6px !important;
	box-sizing: border-box !important;
	text-decoration: none !important;
}

/* === Couleurs des boutons === */
a.btn-light {
	background: #fce7ea !important;
	color: #e39ca5 !important;
}

a.btn-dark {
	background: #e39ca5 !important;
	color: #fff !important;
}

a.btn-pink {
	background: #f2d3d6 !important;
	color: #e39ca5 !important;
}

a.btn-pinterest {
	background-color: #d6a1a8 !important;
	color: #fff !important;
}

a.catalogue-btn {
	background-color: #efd2d4 !important;
	color: #c1868b !important;
	border: 1px solid #e3aab0 !important;
}

/* === AUCUNE ombre ni effet de survol === */
a.btn-light:hover,
a.btn-dark:hover,
a.btn-pink:hover,
a.btn-pinterest:hover,
a.catalogue-btn:hover {
	background-color: inherit !important;
	color: inherit !important;
	transform: none !important;
	box-shadow: none !important;
	filter: none !important;
}

/* === Responsive : ajuste sur mobile === */
@media (max-width: 767px) {
	a.btn-light,
																																																																											  a.btn-dark,
																																																																											  a.btn-pink {
		width: 100% !important;
		max-width: 300px !important;
		height: 56px !important;
		font-size: 17px !important;
	}
}

/* ============================================================
   🌸 4. LIGNES DE BOUTONS ET MISE EN PAGE
   ============================================================ */
/* Centrage et espacement horizontal des lignes */
.button-row,
.catalogue-row {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 15px !important;
	text-align: center !important;
	margin: 20px 0 !important;
}

/* Empilement sur mobile */
@media (max-width: 600px) {
	.button-row {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}

/* ============================================================
   🌸 5. SECTION CATALOGUE / CRÉATIONS / PINTEREST
   ============================================================ */
/* Gros bouton Pinterest centré */
.catalogue-main {
	text-align: center;
	margin: 14px 0 20px;
}

.catalogue-main a {
	display: inline-block;
	background: #e39ca5;
	color: #fff !important;
	font-weight: 600;
	font-size: 1.35em;
	padding: 26px 54px;
	border-radius: 12px;
	text-decoration: none;
	box-shadow: none;
}

/* Trois boutons secondaires (Save the Date, Invitations...) */
.catalogue-row a {
	background: #f6d6da;
	color: #e39ca5 !important;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	padding: 0 20px;
	border-radius: 12px;
	text-decoration: none;
	line-height: 1.2;
	white-space: nowrap;
	box-shadow: none;
}

/* ============================================================
   🌸 6. PAGES SPÉCIFIQUES
   ============================================================ */
/* Page Livraison */
.livraison-page h2.section-title {
	text-align: center !important;
	color: #e39ca5 !important;
	font-weight: 700 !important;
	font-size: 20px;
	margin: 25px 0 15px;
}

.livraison-page h3.sub-title {
	text-align: left !important;
	color: #e39ca5 !important;
	font-weight: 700 !important;
	font-size: 1.1em;
	margin: 20px 0 10px;
}

.livraison-page p.important-text {
	text-align: center;
	color: #444;
	font-weight: bold;
	margin: 15px 0;
}

.livraison-page p.special-info {
	text-align: center;
	color: #444;
	font-style: italic;
	font-size: .95em;
	margin: 15px 0;
}

/* ============================================================
   🌸 7. NETTOYAGE & SÉCURITÉ
   ============================================================ */
/* Supprime les effets ou contenus parasites */
html::after,
body::after,
.site::after,
#page::after,
#content::after {
	content: "" !important;
	display: none !important;
}

/* Masque le widget d’abonnement Jetpack */
.widget_blog_subscription,
.wp-block-jetpack-subscriptions {
	display: none !important;
}

-----------------------
/* ====== STYLE HARMONISÉ EFDC — BLOC 1 ====== */
#efdc-contact-form {
	max-width: 700px;
	margin: 0 auto;
}

.efdc-fieldset {
	border: 0;
	padding: 0;
	margin: 10px 0 0;
}

.sub-title {
	text-align: left;
	color: #e39ca5;
	font-weight: 700;
	font-size: 1.1em;
	margin-bottom: 14px;
}

/* H3 */
.efdc-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

@media (max-width: 680px) {
	.efdc-grid {
		grid-template-columns: 1fr;
	}
}

.efdc-field {
	margin-bottom: 14px;
}

.efdc-field label, .efdc-label {
	display: block;
	color: #666;
	font-size: .95em;
	margin-bottom: 6px;
}

.efdc-help {
	display: block;
	color: #666;
	font-size: .9em;
	margin-top: 6px;
}

#efdc-contact-form input[type="text"],
#efdc-contact-form input[type="email"],
#efdc-contact-form input[type="tel"],
#efdc-contact-form select {
	width: 100%;
	box-sizing: border-box;
	background: #f9f9f9;
	color: #444;
	border: 1px solid #eee;
	border-radius: 8px;
	padding: 10px 12px;
	outline: none;
}

#efdc-contact-form input:focus,
#efdc-contact-form select:focus {
	border-color: #e39ca5;
	box-shadow: 0 0 0 2px rgba(227,156,165,0.15);
}

.efdc-options {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
}

.efdc-options label {
	color: #444;
}

------------
/* H1 plus grand pour une meilleure présence visuelle */
.intro-title {
	font-size: 30px;
}

@media (max-width: 768px) {
	/* Légèrement plus petit sur mobile pour garder l’équilibre */
	.intro-title {
		font-size: 26px;
	}
}

--------------------------------------------------------------------
/* ============================================================
   🌸 PAGE D’ACCUEIL EFDC — HARMONISATION VISUELLE
   ============================================================ */

/* H1 gris, centré, taille plus douce */
.home h1,
.home .intro-title {
	color: #444 !important;
	text-align: center;
	font-weight: 700;
	font-size: 26px;
	margin: 20px 0 14px;
}

/* Intro (Créations...) italique et centrée */
.home .intro-text {
	text-align: center !important;
	font-style: italic !important;
	color: #444;
	font-size: 16px;
	line-height: 1.6;
	max-width: 720px;
	margin: 0 auto 20px;
}

/* Bloc “Pourquoi choisir...” */
.home .intro-bienvenue p {
	text-align: left;
	color: #444;
	line-height: 1.7;
	margin-bottom: 14px;
}

/* Titre “Ce que je réalise...” → H3 logique et plus petit */
.home h3.section-title,
.home h4.section-title {
	text-align: center;
	color: #e39ca5;
	font-weight: 700;
	font-size: 20px;
	margin: 25px 0 15px;
}

/* Liste à puces : à gauche */
.home ul {
	text-align: left;
	margin: 10px auto 25px 0;
	padding-left: 25px;
}

.home ul li {
	color: #444;
	line-height: 1.6;
	margin-bottom: 8px;
}

/* Bloc rappels utiles : centré */
.home .rappels-utiles {
	text-align: center;
	color: #444;
	font-size: .97em;
	line-height: 1.6;
	max-width: 720px;
	margin: 0 auto 25px;
}

/* Bloc “Envie de créations uniques...” */
.home .cta-block {
	text-align: center;
	margin: 30px 0 15px;
}

.home .cta-block h2 {
	color: #e39ca5;
	font-weight: 700;
	font-size: 21px;
	margin-bottom: 20px;
}

/* Bloc boutons */
.home .button-row {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	margin: 20px 0;
}

/* Texte de clôture centré */
.home .closing-text {
	text-align: center;
	color: #444;
	font-size: 16px;
	line-height: 1.6;
	margin: 20px auto;
	max-width: 720px;
}

/* Séparateurs “• • •” centrés */
.home .separator {
	text-align: center;
	color: #e39ca5;
	font-size: 20px;
	letter-spacing: 8px;
	margin: 30px 0;
}

-----
/* ============================================================
   🌸 Correctif H2 d’intro — “Bienvenue chez EFDC by So’scrap”
   ============================================================ */

/* H2 Bienvenue : rose, centré, cohérent avec le style EFDC */
.home h2.intro-title {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700;
	font-size: 21px;
	margin: 25px 0 15px;
}

/* Textes juste en dessous : centrés et harmonisés */
.home .important-text {
	text-align: center !important;
	color: #444;
	line-height: 1.6;
	max-width: 720px;
	margin: 0 auto 20px;
}

----------------
/* Forçage du titre Bienvenue en rose */
h2.intro-title {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 21px !important;
	margin: 25px 0 15px !important;
}

------------
/* ============================================================
   🌸 Tous les H2 du site EFDC harmonisés (rose, centrés)
   ============================================================ /* ============================================================
   🌸 Forçage absolu des H2 EFDC — couleur rose centrée
   ============================================================ */
:where(h2),
:where(h2.section-title),
:where(h2.intro-title),
:where(.h2-classique),
:where(.wp-block-heading h2) {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 21px !important;
	margin: 25px 0 15px !important;
}

------------------
/* Remettre le H2 .intro-title en rose */
.home h2.intro-title {
	color: #e39ca5 !important;
	text-align: center;
	font-weight: 700;
	font-size: 21px;
	margin: 25px 0 15px;
}

/* Laisser seulement le H1 en gris (et plus petit) */
.home h1 {
	color: #444 !important;
	text-align: center;
	font-weight: 700;
	font-size: 26px;
	margin: 20px 0 14px;
}

---------
/* ============================================================
   🔧 HOTFIX EFDC — Accueil : titres & alignements
   (à coller tout en bas, ne rien mettre après)
   ============================================================ */

/* 1) H2 d’intro “Bienvenue …” : ROSE + centré (écrase les règles précédentes) */
body.home h2.intro-title {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 21px !important;
	margin: 25px 0 15px !important;
}

/* 2) H1 de la page d’accueil : gris, un peu plus petit */
body.home h1,
body.home h1.intro-title {
	color: #444 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 25px !important;
/* plus doux */
	margin: 20px 0 14px !important;
}

/* 3) Texte “Créatrice… / Mon objectif… / Chaque projet...” : centré */
body.home .intro-bienvenue p {
	text-align: center !important;
	color: #444 !important;
	line-height: 1.7 !important;
	margin-bottom: 14px !important;
}

/* 4) “Ce que je réalise …” (ton titre est en H4.section-title) : même taille qu’un H2 */
body.home h4.section-title,
body.home h3.section-title {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 21px !important;
	margin: 25px 0 15px !important;
}

/* 5) Listes à puces : alignées à gauche, lisibles */
body.home ul {
	text-align: left !important;
	margin: 10px auto 25px 0 !important;
	padding-left: 25px !important;
}

body.home ul li {
	color: #444 !important;
	line-height: 1.6 !important;
	margin-bottom: 8px !important;
}

/* 6) Intro (Créations uniques…) : italique + centré, cohérent */
body.home .intro-text {
	text-align: center !important;
	font-style: italic !important;
	color: #444 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	max-width: 720px !important;
	margin: 0 auto 20px !important;
}

-------
/* ============================================================
   💥 PRIORITÉ MAX — H2 Bienvenue en rose
   ============================================================ */
html body.home h2.intro-title,
html body.page h2.intro-title,
html body h2.intro-title {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 21px !important;
	margin: 25px 0 15px !important;
}

--------------------

/* ============================================================
   🎀 Ajustement du H3 “Ce que je réalise…” (page d’accueil)
   ============================================================ */
body.home h3.section-title {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 17px !important;
/* légèrement plus petit que les H2 */
	margin: 22px 0 14px !important;
}

/* ============================================================
   💗 Forçage taille H3 — “Ce que je réalise pour vous”
   ============================================================ */
html body.home h3.section-title {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 18px !important;
/* taille forcée */
	margin: 22px 0 14px !important;
	line-height: 1.4 !important;
}

/* ============================================================
   💗 Ajustement final — H3 “Ce que je réalise pour vous”
   ============================================================ */
html body.home h3.section-title {
	color: #e39ca5 !important;
	text-align: left !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	margin: 22px 0 14px !important;
	line-height: 1.4 !important;
}

-------------------
/* ============================================================
   🌸 Harmonisation des liens EFDC — même rose que les titres
   ============================================================ */
a,
a:visited {
	color: #e39ca5 !important;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #e39ca5 !important;
	text-decoration: none;
}

--------------------


/* ============================================================
   🔧 HOTFIX EFDC — Append-only (page Accueil + liens)
   ============================================================ */

/* H2 d’intro “Bienvenue …” (rose, centré, taille H2) */
body.home h2.intro-title {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 21px !important;
	margin: 25px 0 15px !important;
}

/* H1 de la page d’accueil (gris, un peu plus doux) */
body.home h1,
body.home h1.intro-title {
	color: #444 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 25px !important;
	margin: 20px 0 14px !important;
}

/* Intro du haut (italique + centrée) */
body.home .intro-text {
	text-align: center !important;
	font-style: italic !important;
	color: #444 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	max-width: 720px !important;
	margin: 0 auto 20px !important;
}

/* Paragraphe “Découvrez mon monde créatif …” (centré) */
body.home .important-text {
	text-align: center !important;
	color: #444 !important;
	line-height: 1.6 !important;
	max-width: 720px !important;
	margin: 0 auto 20px !important;
}

/* “Ce que je réalise …” → H3 rose, aligné à gauche, plus petit */
html body.home h3.section-title {
	color: #e39ca5 !important;
	text-align: left !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	margin: 22px 0 14px !important;
	line-height: 1.4 !important;
}

/* Listes à puces alignées à gauche et aérées */
body.home ul {
	text-align: left !important;
	margin: 10px auto 25px 0 !important;
	padding-left: 25px !important;
}

body.home ul li {
	color: #444 !important;
	line-height: 1.6 !important;
	margin-bottom: 8px !important;
}

/* Liens harmonisés au rose EFDC (partout sur le site) */
a, a:visited {
	color: #e39ca5 !important;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #e39ca5 !important;
	text-decoration: none;
}

-------------------------

/* ============================================================
   🌸 EFDC — Correction sous-menus (thème Bouton)
   ============================================================ */

/* Le menu principal doit pouvoir afficher les sous-menus au-dessus du contenu */
.primary-navigation,
.main-navigation,
.site-header,
.menu,
.menu-wrapper {
	position: relative;
	z-index: 1000;
	overflow: visible !important;
}

/* Sous-menus : visibles et cliquables */
.menu li ul,
.primary-menu ul,
.main-navigation ul ul {
	position: absolute;
	z-index: 2000 !important;
	background: #fff;
	border: 1px solid #f0d6da;
	border-radius: 8px;
	padding: 6px 0;
	margin: 0;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
	visibility: hidden;
	opacity: 0;
	transform: translateY(8px);
	transition: all .15s ease;
}

/* Affichage au survol ou focus */
.menu li:hover > ul,
.menu li:focus-within > ul,
.main-navigation li:hover > ul,
.main-navigation li:focus-within > ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

/* Liens dans le sous-menu */
.menu li ul li a,
.primary-menu ul li a,
.main-navigation ul ul li a {
	display: block;
	padding: 10px 16px;
	color: #444;
	background: transparent;
	text-decoration: none;
	white-space: nowrap;
}

.menu li ul li a:hover {
	background: #fce7ea;
	color: #e39ca5;
}

/* Évite les "trous" qui ferment le menu */
.menu li {
	position: relative;
}

.menu li a {
	padding-bottom: 10px;
}

/* Empêche le contenu de recouvrir le menu */
.site-content,
.entry-content {
	position: relative;
	z-index: 1;
}

/* EFDC — Secours clics sous-menus */
.site-header, .menu-wrapper, .primary-navigation, .main-navigation, .primary-menu, .menu {
	position: relative;
	z-index: 1000;
	overflow: visible !important;
}

.primary-menu .sub-menu, .menu li ul, .main-navigation ul ul {
	position: absolute;
	z-index: 3000 !important;
	overflow: visible !important;
	visibility: visible;
	opacity: 1;
	transform: none;
/* force l’affichage */
}

.primary-menu .sub-menu a, .menu li ul li a {
	pointer-events: auto;
}

.site-content, .entry-content {
	position: relative;
	z-index: 1;
}

/* ============================================================
   EFDC — FIX SOUS-MENUS (priorité forte, sans "trou" de hover)
   ============================================================ */
/* Le header/menu passe au-dessus du contenu */
.site-header,
.primary-navigation,
.main-navigation,
.menu-wrapper,
.primary-menu,
.menu {
	position: relative;
	z-index: 3000;
	overflow: visible !important;
}

/* Le contenu reste dessous */
.site-content,
.entry-content,
#content {
	position: relative;
	z-index: 1;
}

/* Base : chaque item devient référent pour son sous-menu */
.menu li,
.primary-menu li,
.main-navigation li {
	position: relative;
}

/* Sous-menus : exactement sous le parent, sans marge ni translate */
.menu li > ul.sub-menu,
.primary-menu li > ul.sub-menu,
.main-navigation li > ul.sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
/* pas d’écart qui fait fermer */
	padding: 6px 0;
	background: #fff;
	border: 1px solid #f0d6da;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0,0,0,.08);
	min-width: 260px;
	visibility: hidden;
	opacity: 0;
	transform: none;
/* supprime tout translateY qui crée un "trou" */
	transition: opacity .12s ease, visibility 0 linear .12s;
	z-index: 4000 !important;
	pointer-events: none;
/* évite les clics fantômes tant que masqué */
}

/* Garde le menu ouvert quand on survole le parent OU le sous-menu lui-même */
.menu li:hover > ul.sub-menu,
.menu li:focus-within > ul.sub-menu,
.menu li > ul.sub-menu:hover,
.primary-menu li:hover > ul.sub-menu,
.main-navigation li:hover > ul.sub-menu {
	visibility: visible;
	opacity: 1;
	transition-delay: 0;
	pointer-events: auto;
/* clics actifs une fois ouvert */
}

/* Augmente légèrement la zone du parent pour éviter la fermeture entre les deux */
.menu li.menu-item-has-children > a,
.primary-menu li.menu-item-has-children > a {
	padding-bottom: 12px;
}

/* Liens dans le sous-menu : confort de clic */
.menu li ul.sub-menu li a,
.primary-menu li ul.sub-menu li a,
.main-navigation li ul.sub-menu li a {
	display: block;
	padding: 12px 18px;
	white-space: nowrap;
	color: #444;
	text-decoration: none;
}

.menu li ul.sub-menu li a:hover {
	background: #fce7ea;
	color: #e39ca5;
}

/* ===== EFDC – Ajustement sous-menus : pas de texte qui déborde ===== */
.primary-menu li > ul.sub-menu,
.menu li > ul.sub-menu,
.main-navigation li > ul.sub-menu {
	min-width: 340px;
/* un peu plus large */
	max-width: 92vw;
/* ne dépasse jamais l’écran */
	box-sizing: border-box;
}

.primary-menu li > ul.sub-menu li a,
.menu li > ul.sub-menu li a,
.main-navigation li > ul.sub-menu li a {
	display: block;
	padding: 12px 16px;
	line-height: 1.4;
	font-size: 15px;
/* légèrement plus fin = + lisible */
	white-space: normal;
/* autorise le retour à la ligne */
	word-break: break-word;
/* casse si un mot est très long */
	hyphens: auto;
/* césure élégante quand possible */
	box-sizing: border-box;
}

-----------------------
/* Aligner à droite quand il est proche du bord droit */
.menu > li:last-child > ul.sub-menu,
.primary-menu > li:last-child > ul.sub-menu {
	left: auto;
	right: 0;
}

----------------------
/* 🌸 EFDC — Taille des liens du menu principal (niveau 1 seulement) */
.wp-block-navigation .wp-block-navigation__container > li > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__container > li > a,
.primary-menu > li > a,
.main-navigation .menu > li > a,
.menu > li > a {
	font-size: 18px !important;
/* essaie 17px si c'est trop grand */
	line-height: 1.4 !important;
	font-weight: 600 !important;
	letter-spacing: .3px;
	padding-top: 10px;
/* optionnel: un peu plus d'air */
	padding-bottom: 10px;
/* optionnel */
}

/* Ne pas grossir les sous-menus (niveau 2+) */
.wp-block-navigation .wp-block-navigation__submenu-container a,
.primary-menu .sub-menu a,
.menu li ul.sub-menu li a,
.main-navigation ul ul li a {
	font-size: 16px !important;
	line-height: 1.4 !important;
}

/* 🌸 Ajustement fin — taille du menu principal EFDC */
.wp-block-navigation .wp-block-navigation__container > li > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__container > li > a,
.primary-menu > li > a,
.main-navigation .menu > li > a,
.menu > li > a {
	font-size: 17px !important;
}

-----------
/* 🌸 Ajustement fin — Menu principal & sous-menus EFDC */
.wp-block-navigation .wp-block-navigation__container > li > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation__container > li > a,
.primary-menu > li > a,
.main-navigation .menu > li > a,
.menu > li > a {
	font-size: 16px !important;
}

/* 🌸 Sous-menus — taille légèrement réduite + centrage */
.wp-block-navigation__submenu-container a,
.main-navigation ul ul a,
.menu ul.sub-menu a {
	font-size: 15px !important;
	text-align: center !important;
	white-space: normal !important;
}

----------------
/* Ajustement taille et alignement du sous-menu */
.main-navigation ul ul {
	width: 240px !important;
/* réduit la largeur du bloc */
	text-align: center !important;
/* garde les textes centrés */
	padding: 10px 0 !important;
}

.main-navigation ul ul li a {
	font-size: 15px !important;
/* légèrement plus petit */
	padding: 10px 14px !important;
/* espace interne adouci */
	line-height: 1.4 !important;
}

/* ===== EFDC — Sous-menu plus étroit & texte plus compact (priorité forte) ===== */
/* Conteneur du sous-menu (tous systèmes : block Nav, primary-menu, menu classique) */
html body .wp-block-navigation__submenu-container,
html body .primary-menu .sub-menu,
html body .menu li > ul.sub-menu,
html body .main-navigation ul ul {
	width: 260px !important;
/* ajuste 240–300px si besoin */
	max-width: 90vw !important;
	padding: 8px 0 !important;
/* moins d’air autour */
	text-align: center !important;
/* ou left si tu préfères */
	box-sizing: border-box !important;
}

/* Liens dans le sous-menu : taille et padding réduits, retour à la ligne OK */
html body .wp-block-navigation__submenu-container a,
html body .primary-menu .sub-menu a,
html body .menu li ul.sub-menu li a,
html body .main-navigation ul ul li a {
	font-size: 15px !important;
/* baisse à 14px si tu veux plus fin */
	line-height: 1.35 !important;
	padding: 10px 14px !important;
	white-space: normal !important;
/* autorise les retours à la ligne */
	word-break: break-word !important;
	hyphens: auto !important;
}

/* ===== EFDC — Sous-menu : conserver les textes sur une seule ligne quand possible ===== */
html body .wp-block-navigation__submenu-container a,
html body .primary-menu .sub-menu a,
html body .menu li ul.sub-menu li a,
html body .main-navigation ul ul li a {
	white-space: nowrap !important;
/* garde les lignes d’un seul tenant */
	overflow-wrap: break-word !important;
/* casse uniquement si c’est trop long */
	text-align: center !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
	padding: 10px 14px !important;
}

/* ✅ Sous-menus : pas de débordement, retour à la ligne propre */
html body .wp-block-navigation__submenu-container,
html body .primary-menu .sub-menu,
html body .menu li > ul.sub-menu,
html body .main-navigation ul ul {
	width: 260px !important;
/* ajuste 240–300px si besoin */
	max-width: 90vw !important;
	box-sizing: border-box !important;
}

html body .wp-block-navigation__submenu-container a,
html body .primary-menu .sub-menu a,
html body .menu li ul.sub-menu li a,
html body .main-navigation ul ul li a {
	text-align: center !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
	padding: 10px 14px !important;
/* ✨ anti-débordement */
	white-space: normal !important;
/* autorise le retour à la ligne */
	overflow-wrap: anywhere !important;
/* coupe si nécessaire */
	word-break: break-word !important;
/* casse proprement si mot trop long */
	hyphens: auto !important;
/* césure élégante quand possible */
}

--------------------------

/* ✅ Correction retour à la ligne du texte des sous-menus */
.main-navigation ul ul a {
	white-space: normal !important;
/* permet au texte de passer à la ligne naturellement */
	word-break: normal !important;
/* évite les coupures étranges au milieu d’un mot */
	text-align: center;
/* ou left si tu veux que ce soit aligné à gauche */
	line-height: 1.4;
	padding: 10px 16px !important;
}

--------------------
/* ✅ Sous-menus : ne pas couper les mots, retour à la ligne seulement entre les mots */
html body .wp-block-navigation__submenu-container a,
html body .primary-menu .sub-menu a,
html body .menu li ul.sub-menu li a,
html body .main-navigation ul ul li a {
	white-space: normal !important;
/* autorise les retours à la ligne */
	overflow-wrap: normal !important;
/* pas de coupure arbitraire */
	word-break: normal !important;
/* pas de COM-MANDE */
	hyphens: none !important;
/* pas de césure automatique */
	line-height: 1.35 !important;
	text-align: center !important;
	font-size: 15px !important;
	padding: 10px 14px !important;
}

/* (Option si certains restent serrés) – un peu plus large pour éviter les casses */
html body .wp-block-navigation__submenu-container,
html body .primary-menu .sub-menu,
html body .menu li > ul.sub-menu,
html body .main-navigation ul ul {
	width: 290px !important;
/* essaie 280–300px selon rendu */
	max-width: 92vw !important;
}

------------------------

/* ============================================================
   🌸 Sidebar/Widgets — titres + carte
   ============================================================ */

/* Titres de widgets (Contact & horaires, Retrouvez-moi…, Catégories…) plus petits */
.sidebar h2,
.widget-area h2,
.widget .widget-title,
.wp-block-heading.is-style-default {
	font-size: 21px !important;
/* avant trop grand */
	line-height: 1.25 !important;
	color: #444 !important;
	text-align: left !important;
	margin: 14px 0 10px !important;
}

/* Option : un poil plus petit encore ? passe à 20px */
/* .sidebar h2, .widget-area h2, .widget .widget-title { font-size: 20px !important; } */
/* Carte Google carrée (prend toute la largeur du bloc) */
.widget iframe[src*="google.com/maps"],
.wp-block-embed__wrapper iframe[src*="google.com/maps"],
iframe[title*="Google Maps"] {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
/* carré */
	height: auto !important;
	border-radius: 8px;
/* optionnel : coins doux */
	display: block;
}

-----------------
/* ============================================================
   🌸 Sidebar/Widgets — titres gris identiques aux H2
   ============================================================ */

/* Titres des widgets (Contact & horaires, Retrouvez-moi…, etc.) */
.sidebar h2,
.widget-area h2,
.widget .widget-title,
.wp-block-heading.is-style-default {
	font-size: 21px !important;
/* même taille que les H2 */
	font-weight: 700 !important;
/* même épaisseur */
	color: #444 !important;
/* gris harmonisé */
	text-align: left !important;
/* aligné à gauche */
	margin: 18px 0 12px !important;
/* espacement équilibré */
}

/* Carte Google carrée */
.widget iframe[src*="google.com/maps"],
.wp-block-embed__wrapper iframe[src*="google.com/maps"],
iframe[title*="Google Maps"] {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
	border-radius: 8px;
	display: block;
}

--------------------
/* 🌸 Harmonisation du bloc Contact & horaires */
.widget_text p:first-of-type,
.widget_text p:first-of-type a,
.widget_text a[href^="tel"],
.widget_text a[href^="mailto"],
.widget_text a[href*="wa.me"] {
	color: #e39ca5 !important;
/* rose harmonisé EFDC */
	font-weight: 500;
	text-decoration: none;
}

.widget_text a:hover {
	text-decoration: underline;
	color: #e39ca5 !important;
}

/* Le reste du texte du widget reste gris */
.widget_text p {
	color: #444 !important;
	font-style: normal;
}

------------------
/* 🌸 Correction couleur rose harmonisée pour le bloc contact */
.widget_text a,
.widget_text strong,
.widget_text p:first-of-type,
.widget_text p:first-of-type a,
.widget_text a[href^="tel"],
.widget_text a[href^="mailto"],
.widget_text a[href*="wa.me"] {
	color: #e39ca5 !important;
/* ton rose EFDC */
	font-weight: 500 !important;
	text-decoration: none !important;
}

.widget_text a:hover {
	color: #e39ca5 !important;
	text-decoration: underline !important;
}

-----------
/* ============================================================
   🌸 Carte Google Maps — style EFDC harmonisé
   ============================================================ */
.widget iframe,
.wp-block-jetpack-map iframe,
iframe[src*="google.com/maps"] {
	border: 2px solid #e39ca5 !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	width: 100% !important;
	max-width: 280px !important;
	height: auto !important;
}

-----------------
/* ============================================================
   🌸 Réduction des titres latéraux (Contact, Réseaux...)
   ============================================================ */
.widget-title,
.sidebar h2,
.sidebar h3 {
	font-size: 1.1em !important;
/* même taille que tes H3 */
	color: #444 !important;
/* gris harmonisé */
	font-weight: 700 !important;
	text-align: left !important;
	margin-bottom: 10px !important;
}

-----------------
/* ============================================================
   🌸 Titres latéraux (Contact, Réseaux...) plus petits
   ============================================================ */
.widget-title,
.sidebar h2,
.sidebar h3 {
	font-size: 1em !important;
/* légèrement plus petit que H3 */
	color: #444 !important;
/* gris harmonisé */
	font-weight: 700 !important;
	text-align: left !important;
	margin-bottom: 10px !important;
}

---------
/* ============================================================
   🌸 Titres latéraux identiques aux H3
   ============================================================ */
.widget-title,
.sidebar h2,
.sidebar h3 {
	font-size: 1.1em !important;
/* même taille que tes H3 */
	color: #e39ca5 !important;
/* même rose que tes H3 */
	font-weight: 700 !important;
	text-align: left !important;
	margin-bottom: 10px !important;
}

/* Alignement des icônes et titres latéraux */
.widget-title::before,
.sidebar .widget-title::before {
	vertical-align: middle !important;
	margin-right: 6px !important;
	position: relative;
	top: -2px;
/* ajuste légèrement la hauteur */
}

-----------------
/* ============================================================
   Alignement pastille + titre des widgets (Contact, Réseaux, etc.)
   ============================================================ */

/* Le titre devient une ligne flex : icône + texte parfaitement centrés */
.sidebar h2,
.widget .widget-title,
.wp-block-heading.is-style-default {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
/* espace entre l’icône et le texte */
	line-height: 1.25 !important;
}

/* Quel que soit le sélecteur de l’icône (pseudo ou élément), on la remet dans le flux */
.sidebar h2::before,
.widget .widget-title::before,
.wp-block-heading.is-style-default::before,
.sidebar h2 > .icon,
.widget .widget-title > .icon,
.sidebar h2 > svg,
.widget .widget-title > svg,
.sidebar h2 > img,
.widget .widget-title > img {
	position: static !important;
/* plus d’absolu qui décale */
	top: auto !important;
	transform: none !important;
	margin: 0 !important;
	vertical-align: middle !important;
	flex: 0 0 auto !important;
}

---------
/* ============================================================
   Alignement pastille + titre — uniquement "Contact & horaires"
   et "Catégories par thèmes"
   ============================================================ */

/* Titre en ligne + centrage vertical de l’icône et du texte */
.sidebar .widget_text .widget-title,
.sidebar .widget_categories .widget-title {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
/* espace entre pastille et texte */
	line-height: 1.25 !important;
}

/* Neutralise tout décalage de la pastille sur ces deux widgets */
.sidebar .widget_text .widget-title::before,
.sidebar .widget_categories .widget-title::before,
.sidebar .widget_text .widget-title > .icon,
.sidebar .widget_categories .widget-title > .icon,
.sidebar .widget_text .widget-title > svg,
.sidebar .widget_categories .widget-title > svg,
.sidebar .widget_text .widget-title > img,
.sidebar .widget_categories .widget-title > img {
	position: static !important;
/* plus d'absolu qui décale */
	top: auto !important;
	transform: none !important;
	margin: 0 !important;
	vertical-align: middle !important;
	flex: 0 0 auto !important;
}

/* Micro-ajustement si besoin : joue sur cette valeur (+/- 1px) */
.sidebar .widget_text .widget-title::before,
.sidebar .widget_categories .widget-title::before {
	margin-top: 1px !important;
/* mets 0px ou 2px si ton œil préfère */
}

---------------
.recent-posts-block {
	text-align: center;
	border: 1px solid #e39ca5;
	border-radius: 10px;
	padding: 20px;
	max-width: 700px;
	margin: 40px auto;
	background-color: #fdfdfd;
}

.recent-posts-block h2 {
	color: #e39ca5;
	font-weight: bold;
	margin-bottom: 15px;
}

.recent-posts-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.recent-posts-list li {
	margin: 8px 0;
}

.recent-posts-list a {
	color: #444;
	text-decoration: none;
	font-weight: 500;
}

.recent-posts-list a:hover {
	color: #e39ca5;
	text-decoration: underline;
}

--------------------
.recent-grid {
	text-align: center;
	margin: 50px auto;
	max-width: 800px;
}

.recent-grid h2 {
	color: #e39ca5;
	font-weight: bold;
	margin-bottom: 20px;
}

.recent-grid-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.recent-item {
	width: 240px;
	text-decoration: none;
	color: #444;
}

.recent-item img {
	width: 100%;
	border-radius: 10px;
}

.recent-item p {
	margin-top: 8px;
	font-weight: 500;
}

.recent-item:hover p {
	color: #e39ca5;
}

-----------------
/* 🌸 Bloc anciens articles (Boucle de requête) */
.wp-block-query .wp-block-post {
	background: #fff;
	border: 1px solid #f3d9dc;
	border-radius: 12px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.05);
	padding: 15px;
	text-align: center;
	transition: transform .2s ease, box-shadow .2s ease;
}

.wp-block-query .wp-block-post:hover {
	transform: translateY(-4px);
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Image à la une */
.wp-block-post-featured-image img {
	border-radius: 10px;
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* Titre de l’article */
.wp-block-post-title a {
	color: #e39ca5;
	font-weight: 600;
	text-decoration: none;
	font-size: 1em;
}

.wp-block-post-title a:hover {
	text-decoration: underline;
	color: #d68a94;
}

/* Date de publication */
.wp-block-post-date {
	color: #666;
	font-size: .9em;
	margin-top: 6px;
}

/* Espacement entre les cartes */
.wp-block-post-template {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	margin-top: 25px;
}

--------------------
/* ===== Carrousel d’articles récents — EFDC by So’scrap ===== */
.carousel-posts .wp-block-post-template {
	display: flex !important;
	gap: 18px;
	overflow-x: auto;
	padding: 6px 2px 12px;
}

.carousel-posts .wp-block-post {
	flex: 0 0 280px;
	scroll-snap-align: start;
}

@media (max-width: 900px) {
	.carousel-posts .wp-block-post {
		flex: 0 0 240px;
	}
}

.carousel-posts .wp-block-post {
	background: #fff;
	border: 1px solid #f3d9dc;
	border-radius: 12px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.05);
	padding: 14px;
	text-align: center;
	transition: transform .2s ease, box-shadow .2s ease;
}

.carousel-posts .wp-block-post:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 15px rgba(0,0,0,0.10);
}

.carousel-posts .wp-block-post-featured-image img {
	border-radius: 10px;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.carousel-posts .wp-block-post-title a {
	color: #e39ca5;
	font-weight: 600;
	font-size: 1em;
	text-decoration: none;
}

.carousel-posts .wp-block-post-title a:hover {
	text-decoration: underline;
}

.carousel-posts .wp-block-post-date {
	color: #666;
	font-size: .9em;
	margin-top: 6px;
}

.carousel-posts .wp-block-post-template::-webkit-scrollbar {
	height: 8px;
}

.carousel-posts .wp-block-post-template::-webkit-scrollbar-thumb {
	background: #ead3d7;
	border-radius: 8px;
}

.carousel-posts .wp-block-post-template::-webkit-scrollbar-track {
	background: transparent;
}

------------------
/* Bloc carrousel d’articles */
.carousel-posts {
	display: flex;
	overflow-x: auto;
	gap: 20px;
	padding: 10px 0;
}

.carousel-posts > * {
	flex: 0 0 auto;
	scroll-snap-align: start;
	border: none;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	border-radius: 12px;
	background: #fff;
	padding: 10px;
	min-width: 260px;
/* largeur d’un article */
}

.carousel-posts img {
	border-radius: 8px;
	max-height: 160px;
	object-fit: cover;
	width: 100%;
}

.carousel-posts::-webkit-scrollbar {
	height: 6px;
}

.carousel-posts::-webkit-scrollbar-thumb {
	background-color: #e39ca5;
/* ton rose harmonisé */
	border-radius: 4px;
}

------------------
/* Carrousel de contenu — EFDC */
.wp-block-jetpack-slideshow, .wp-block-carousel,
.jetpack-carousel, .wp-block-videopress-carousel {
	border-radius: 12px;
	overflow: hidden;
}

/* Titre dans l’overlay */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption,
.wp-block-carousel .wp-block-carousel_caption {
	font-weight: 700;
	line-height: 1.3;
}

/* Flèches roses douces */
.wp-block-jetpack-slideshow .swiper-button-prev,
.wp-block-jetpack-slideshow .swiper-button-next {
	background: rgba(227,156,165,0.92);
	width: 38px;
	height: 38px;
	border-radius: 999px;
}

.wp-block-jetpack-slideshow .swiper-button-prev::after,
.wp-block-jetpack-slideshow .swiper-button-next::after {
	font-size: 16px;
	color: #fff;
}

/* Puces (dots) en rose EFDC */
.wp-block-jetpack-slideshow .swiper-pagination-bullet {
	background: #f0d7dc;
	opacity: 1;
}

.wp-block-jetpack-slideshow .swiper-pagination-bullet-active {
	background: #e39ca5;
}

----------------
/* 🌸 Carrousel d’articles harmonisé avec le style EFDC by So’scrap */

/* Coins arrondis et ombre douce sur les images */
.wp-block-carousel img {
	border-radius: 10px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}

/* Titres des articles */
.wp-block-carousel figcaption,
.wp-block-jetpack-slideshow figcaption {
	color: #e39ca5;
	font-weight: 600;
	font-size: .95em;
	text-align: center;
	background: none;
	text-shadow: none;
}

/* Supprime la bande grise ou foncée en bas (selon le thème) */
.wp-block-jetpack-slideshow__caption,
.wp-block-carousel .wp-block-jetpack-slideshow__caption {
	background: transparent !important;
}

/* Réduit la marge autour du carrousel pour plus de compacité */
.wp-block-carousel {
	margin-top: 10px;
	margin-bottom: 25px;
}

/* Ajuste la taille et la couleur des boutons de navigation */
.wp-block-carousel .flickity-button {
	background: rgba(227, 156, 165, 0.8);
	border-radius: 50%;
	transition: .3s;
}

.wp-block-carousel .flickity-button:hover {
	background: #e39ca5;
}

--------------
/* Eclaircir l’overlay du carrousel (voile derrière le titre) */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow__caption,
.wp-block-carousel .wp-block-jetpack-slideshow__caption,
.wp-block-carousel figcaption {
	background: rgba(0,0,0,0.22) !important;
/* 22% d’opacité – ajuste entre 0.15 et 0.30 */
	color: #fff !important;
}

/* Titre un peu plus compact et lisible */
.wp-block-carousel figcaption {
	font-size: 1rem;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

/* Flèches plus fines et roses (au lieu des gros carrés) */
.wp-block-jetpack-slideshow .swiper-button-prev,
.wp-block-jetpack-slideshow .swiper-button-next {
	background: rgba(227,156,165,0.9);
	width: 36px;
	height: 36px;
	border-radius: 999px;
}

.wp-block-jetpack-slideshow .swiper-button-prev::after,
.wp-block-jetpack-slideshow .swiper-button-next::after {
	font-size: 16px;
	color: #fff;
}

--------
/* Style des points du carrousel */
.wp-block-jetpack-slideshow__dot,
.wp-block-jetpack-carousel__dot,
.splide__pagination__page {
	background-color: #e39ca5 !important;
/* ton rose harmonisé */
	opacity: .6;
/* un peu plus doux */
	width: 10px !important;
	height: 10px !important;
}

/* Point actif (celui du slide en cours) */
.wp-block-jetpack-slideshow__dot.is-active,
.wp-block-jetpack-carousel__dot.is-active,
.splide__pagination__page.is-active {
	background-color: #e39ca5 !important;
	opacity: 1;
	transform: scale(1.2);
/* léger effet visuel */
}

--------------------
/* ===== Puces (points) du carrousel EFDC ===== */
/* On couvre les cas Flickity, Swiper, Splide et Jetpack */
.carousel-efdc .flickity-page-dots .dot,
.carousel-efdc .swiper-pagination-bullet,
.carousel-efdc .splide__pagination__page,
.carousel-efdc .wp-block-jetpack-slideshow__dot {
	background: #e39ca5 !important;
/* rose EFDC */
	width: 8px !important;
/* plus petit / moins épais */
	height: 8px !important;
	border-radius: 999px !important;
/* rond, pas de “pilule” noire */
	opacity: .6;
	box-shadow: none !important;
	margin: 0 4px !important;
/* petit espacement */
}

/* Puce active */
.carousel-efdc .flickity-page-dots .dot.is-selected,
.carousel-efdc .swiper-pagination-bullet-active,
.carousel-efdc .splide__pagination__page.is-active,
.carousel-efdc .wp-block-jetpack-slideshow__dot.is-active {
	background: #e39ca5 !important;
	opacity: 1;
	transform: none !important;
	width: 8px !important;
/* on force la même taille pour éviter l’effet “barre” */
	height: 8px !important;
	border-radius: 999px !important;
}

/* (Optionnel) remonter légèrement les puces si elles sont trop basses */
.carousel-efdc .flickity-page-dots,
.carousel-efdc .swiper-pagination,
.carousel-efdc .splide__pagination {
	bottom: 8px !important;
}

-------
/* ============================================================
   ✅ EFDC — Patch H1 Accueil (même police que les autres pages)
   ============================================================ */

/* 1) Sur la page d'accueil seulement, on remet le H1 sur la police du thème\A      (celle de “Qui suis-je ?”) et on neutralise nos tailles forcées. */\Abody.home h1,\Abody.home h1.intro-title {\A  font-family: inherit !important;      /* = même police que le thème */\A  font-weight: 700 !important;\A  color: #444 !important;\A  font-size: clamp(36px, 4.2vw, 56px) !important;  /* taille proche des autres H1 */\A  line-height: 1.1 !important;\A  margin: 18px 0 12px !important;\A}\A\A/* 2) On empêche toute autre règle .intro-title de re-écraser le H1 de l'accueil */
body.home .intro-title {
	font-family: inherit !important;
	font-size: inherit !important;
/* on garde la taille ci-dessus */
	line-height: inherit !important;
}

/* 3) Confirmation : les H2 restent bien roses partout (ne rien changer ici) */
/* (rien à faire : tes règles H2 existantes restent actives) */
----------------
/* 🔧 EFDC — H1 de la page d’accueil en regular (même rendu que “Qui suis-je ?”) */
html body.home h1,
html body.home .entry-title,
html body.home .wp-block-post-title,
html body.home .wp-block-post-title a {
	font-weight: 400 !important;
/* regular (pas gras) */
	text-transform: none !important;
	letter-spacing: normal !important;
	font-family: inherit !important;
/* garde la même police que le thème */
}

/* Option doux : un rendu un poil plus fin selon navigateur */
html body.home h1,
html body.home .entry-title {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

-------------------
/* 🌸 Uniformiser la taille et le style du H1 sur tout le site */
h1,
.intro-title {
	font-size: 32px !important;
/* même taille que "Qui suis-je ?" */
	font-weight: 600 !important;
/* un peu plus léger, moins épais */
	color: #444 !important;
	text-align: center !important;
}

--------
/* 🌸 H1 page d’accueil — plus gras, même style que “Qui suis-je ?” */
body.home h1,
body.home h1.intro-title {
	font-size: 32px !important;
/* même taille que “Qui suis-je ?” */
	font-weight: 700 !important;
/* gras renforcé */
	color: #444 !important;
/* gris harmonisé */
	text-align: center !important;
	margin: 20px 0 14px !important;
}

---------------
/* 🌸 TITRES HARMONISÉS — même taille et style sur tout le site EFDC */
h1, .intro-title,
h2, h2.section-title, h2.intro-title, .h2-classique,
h3, .sub-title {
	font-family: inherit !important;
/* même police partout */
	color: #444 !important;
/* gris harmonisé */
	font-weight: 700 !important;
/* même épaisseur */
	text-align: center !important;
/* tous centrés */
	margin: 25px 0 15px !important;
	line-height: 1.3 !important;
}

/* Même taille pour TOUS les titres */
h1, .intro-title {
	font-size: 30px !important;
}

h2, h2.section-title, h2.intro-title, .h2-classique {
	font-size: 30px !important;
}

h3, .sub-title {
	font-size: 30px !important;
}

------------
/* ===== EFDC — Normalisation stricte des TITRES DE PAGE (H1) ===== */

/* 0) Annule l’ancienne taille spéciale qu’on avait mise pour l’accueil */
.home h1,
.home .intro-title {
	font-size: inherit !important;
	font-weight: inherit !important;
}

/* 1) Valeurs de référence */
:root {
/* ajuste à ton goût : 32 / 34 / 36 */
/* plus fin que 700 (qui parait “gras”) */
}

/* 2) Unifie TOUS les H1/titres de page, quel que soit le sélecteur du thème */
html body h1,
html body .entry-title,
html body .page-title,
html body .wp-block-post-title {
	font-family: inherit !important;
	font-size: var(--efdc-title-size) !important;
	font-weight: var(--efdc-title-weight) !important;
	color: var(--efdc-title-color) !important;
	line-height: 1.2 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-align: center !important;
}

/* 3) Écrase les utilitaires de taille du thème (has-*-font-size) */
html body .wp-block-post-title[class*="has-"][class*="-font-size"],
html body .entry-title[class*="has-"][class*="-font-size"],
html body h1[class*="has-"][class*="-font-size"] {
	font-size: var(--efdc-title-size) !important;
}

/* 4) Empêche le “sur-gras” si un  s’est glissé dans le titre */
html body h1 strong,
html body h1 b,
html body .entry-title strong,
html body .entry-title b,
html body .wp-block-post-title strong,
html body .wp-block-post-title b {
	font-weight: inherit !important;
}

---------------
/* ===== EFDC — TITRES DE PAGE (H1) HARMONISÉS & LISIBLES ===== */

:root {
/* ← augmente un peu pour redonner de la présence */
/* 600 = gras modéré et élégant */
}

html body h1,
html body .entry-title,
html body .page-title,
html body .wp-block-post-title {
	font-family: inherit !important;
	font-size: var(--efdc-title-size) !important;
	font-weight: var(--efdc-title-weight) !important;
	color: var(--efdc-title-color) !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-align: center !important;
	margin: 25px 0 10px !important;
}

/* Neutralise les “has-x-large-font-size” */
html body .wp-block-post-title[class*="has-"][class*="-font-size"],
html body .entry-title[class*="has-"][class*="-font-size"],
html body h1[class*="has-"][class*="-font-size"] {
	font-size: var(--efdc-title-size) !important;
}

/* Évite le surgras si un  s’y trouve */
html body h1 strong,
html body h1 b,
html body .entry-title strong,
html body .entry-title b,
html body .wp-block-post-title strong,
html body .wp-block-post-title b {
	font-weight: inherit !important;
}

----------
/* ===== EFDC — TITRES DE PAGE (H1) PLUS GRANDS ET HARMONISÉS ===== */

:root {
/* ← taille augmentée (tu peux monter jusqu’à 46px si tu veux encore plus grand) */
/* 500 = légèrement gras, mais pas épais */
}

html body h1,
html body .entry-title,
html body .page-title,
html body .wp-block-post-title {
	font-family: inherit !important;
	font-size: var(--efdc-title-size) !important;
	font-weight: var(--efdc-title-weight) !important;
	color: var(--efdc-title-color) !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-align: center !important;
	margin: 30px 0 15px !important;
}

/* Neutralise les tailles automatiques WordPress */
html body .wp-block-post-title[class*="has-"][class*="-font-size"],
html body .entry-title[class*="has-"][class*="-font-size"],
html body h1[class*="has-"][class*="-font-size"] {
	font-size: var(--efdc-title-size) !important;
}

/* Évite le surgras si un  s’y trouve */
html body h1 strong,
html body h1 b,
html body .entry-title strong,
html body .entry-title b,
html body .wp-block-post-title strong,
html body .wp-block-post-title b {
	font-weight: inherit !important;
}

--------------
/* ===== EFDC — TITRES PRINCIPAUX (H1) ===== */
h1,
.entry-title,
.wp-block-post-title,
.page-title {
	font-family: inherit !important;
	font-size: 52px !important;
/* ← Taille vraiment visible */
	font-weight: 500 !important;
/* Élégant, pas trop gras */
	color: #444 !important;
	text-align: center !important;
	line-height: 1.2 !important;
	margin-top: 30px !important;
	margin-bottom: 20px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

/* Pour les petits écrans */
@media (max-width: 768px) {
	h1,
																													  .entry-title,
																													  .wp-block-post-title,
																													  .page-title {
		font-size: 38px !important;
	}
}

------------
/* ===== RÉINITIALISATION DES TITRES ===== */
h1, .entry-title, .wp-block-post-title, .page-title {
	display: block;
	font-family: inherit;
	font-weight: 400;
	font-size: inherit;
	color: inherit;
	text-align: center;
	line-height: normal;
}

----------------
/* ===== EFDC — HOTFIX H1 UNIFORMES (à coller tout en bas) ===== */

/* Tous les titres de page/article (H1) */
:where(h1,
       .entry-title,
       .wp-block-post-title,
       .page-title) {
	font-weight: 400 !important;
/* mets 400 si tu veux plus fin */
	font-size: clamp(30px, 4vw, 46px) !important;
/* mobile → desktop */
	line-height: 1.2 !important;
	color: #444 !important;
	text-align: center !important;
}

/* Cas particulier de l’accueil si le titre est en .intro-title */
body.home h1,
body.home .intro-title {
	font-weight: 600 !important;
	font-size: clamp(30px, 4vw, 46px) !important;
	line-height: 1.2 !important;
	color: #444 !important;
	text-align: center !important;
}

---------------
/* ===== EFDC — FIX H1 UNIFORMES (coller tout en bas) ===== */
html body :is(h1, .entry-title, .page-title, .wp-block-post-title, .intro-title) {
	font-size: clamp(34px, 4.6vw, 48px) !important;
/* grand, identique partout */
	font-weight: 400 !important;
/* même graisse (mets 400 si tu veux plus fin) */
	line-height: 1.2 !important;
	color: #444 !important;
	text-align: center !important;
	letter-spacing: 0 !important;
}

-------------------
/* ===== EFDC — H1 UNIFORMES PARTOUT (accueil + pages + articles) ===== */
html body h1:not(.widget-title),
html body .entry-title,
html body .page .entry-title,
html body .single .entry-title,
html body .singular .entry-title,
html body .site-main .entry-header .entry-title,
html body .wp-block-post-title,
html body .intro-title {
	font-size: clamp(28px, 4vw, 38px) !important;
/* même taille partout */
	font-weight: 400 !important;
/* même graisse */
	line-height: 1.2 !important;
	color: #444 !important;
	text-align: center !important;
	letter-spacing: 0 !important;
	margin: 20px 0 14px !important;
}

/* Si le titre est un lien (ex. articles), hérite de la taille/gras */
html body h1 a,
html body .entry-title a,
html body .wp-block-post-title a {
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
	text-decoration: none !important;
}

-----------------
/* ===== QUI SUIS-JE — Intro italique & centrée (priorité max) ===== */
html body .entry-content p.intro-italique-centre,
html body p.intro-italique-centre,
html body.page .entry-content p.intro-italique-centre {
	display: block !important;
	text-align: center !important;
	font-style: italic !important;
	font-weight: 400 !important;
	color: #444 !important;
	font-size: 18px !important;
	line-height: 1.6 !important;
	max-width: 760px !important;
	margin: 0 auto 22px !important;
}

/* ===== EFDC — Intro italique et centrée ===== */
html body p.intro-italique-centre {
	text-align: center !important;
	font-style: italic !important;
	color: #444 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	max-width: 720px !important;
	margin: 0 auto 20px !important;
}

----------
/* ===== EFDC — H2 classique rose ===== */
html body h2.h2-classique {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 21px !important;
	margin: 25px 0 15px !important;
}

------
/* ============================================================
   EFDC — Correctif GLOBAL (H2 roses, intros centrées, H3 roses à gauche)
   COLLER TOUT EN BAS DU CSS
   ============================================================ */

/* Variables ajustables si besoin */
:root {
}

/* H2 : rose, même taille, centrés — partout */
:root body h2,
:root body h2.wp-block-heading,
:root body .wp-block-heading h2 {
	color: var(--efdc-rose) !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: var(--efdc-h2-size) !important;
	line-height: 1.25 !important;
	margin: 25px 0 15px !important;
}

/* Intros : italique + centrées (toutes variantes de blocs) */
:root body p.intro-italique-centre,
:root body .intro-italique-centre,
:root body .intro-text,
:root body .page-intro,
:root body .important-text {
	text-align: center !important;
	font-style: italic !important;
	color: var(--efdc-gris) !important;
	font-size: var(--efdc-intro-size) !important;
	line-height: 1.6 !important;
	max-width: 720px !important;
	margin: 0 auto 20px !important;
}

/* H3 : rose, aligné à gauche, taille uniforme */
:root body h3,
:root body h3.wp-block-heading,
:root body .wp-block-heading h3 {
	color: var(--efdc-rose) !important;
	text-align: left !important;
	font-weight: 700 !important;
	font-size: var(--efdc-h3-size) !important;
	line-height: 1.35 !important;
	margin: 22px 0 14px !important;
}

/* Listes : toujours à gauche, puces visibles même dans des zones centrées */
:root body ul,
:root body ol {
	text-align: left !important;
	margin-left: 1.2em !important;
	padding-left: 1.2em !important;
}

:root body li {
	text-align: left !important;
}

-------
/* === EFDC — Intros identiques partout (même rendu que l’accueil) === */
html body .intro-italique-centre,
html body .intro-text,
html body .page-intro,
html body p.intro {
	font-size: 16px !important;
	font-style: italic !important;
	text-align: center !important;
	color: #666 !important;
	line-height: 1.6 !important;
	max-width: 720px !important;
	margin: 0 auto 20px !important;
}

-------
/* ===== EFDC — Intro texte italique centré (uniforme sur tout le site) ===== */
html body .intro-text {
	text-align: center !important;
	font-style: italic !important;
	color: #444 !important;
	font-size: 1.05em !important;
	max-width: 700px !important;
	margin: 0 auto 20px !important;
	line-height: 1.6 !important;
}

------
/* Qui suis-je — intro sous le H1 */
.intro-italique-centre {
	text-align: center !important;
	font-style: italic !important;
	color: #666 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	max-width: 720px !important;
	margin: 0 auto 20px !important;
}

/* (optionnel) H2 rose centré si tu utilises .h2-classique juste après */
.h2-classique {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 21px !important;
	margin: 25px 0 15px !important;
}

/* 💥 Correctif EFDC — Forçage du style des intros */
html body p.page-intro,
html body .page-intro {
	text-align: center !important;
	color: #666 !important;
	font-size: 16px !important;
	font-style: italic !important;
	line-height: 1.6 !important;
	max-width: 720px !important;
	margin: 0 auto 24px !important;
	display: block !important;
}

------------
/* 💥 Correctif EFDC — Forçage H2 classique */
html body h2.h2-classique {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 700 !important;
	font-size: 21px !important;
	margin: 25px 0 15px !important;
	line-height: 1.3 !important;
}

----------------
✅ Balise : 
✅ Couleur : rose harmonisé → #e39ca5
✅ Taille : environ 22px (à confirmer avec ton rendu WordPress, mais généralement entre 22 et 24px)
✅ Poids : gras
✅ Alignement : centré

HTML :  
  
    
  Faire-part, invitations, Save the Date (STD) & remerciements de mariage


CSS : 
.h2-classique {
	font-size: 22px !important;
/* ou 20px si tu veux plus petit */
	font-weight: 700;
	color: #e39ca5;
	text-align: center;
	margin: 24px 0 16px;
/* espace haut/bas */
}

--------
.important-text {
	text-align: center;
/* centré */
	color: #444;
/* gris principal */
	font-weight: normal;
/* pas en gras */
	line-height: 1.6;
	max-width: 720px;
	margin: 0 auto 20px;
}

---------------
/* 🌸 Texte important harmonisé (comme page d’accueil) */
.important-text {
	text-align: center;
/* centré */
	color: #444;
/* gris principal */
	font-weight: 400;
/* pas en gras */
	font-style: normal;
/* texte simple, pas italique */
	font-size: 16px;
/* même taille que la page d’accueil */
	line-height: 1.6;
/* aération douce */
	max-width: 720px;
/* largeur harmonisée */
	margin: 0 auto 20px;
/* centré + espacement équilibré */
}

---------------
/* ===== Correction forcée pour .important-text ===== */
.important-text {
	text-align: center !important;
	color: #444 !important;
	font-weight: 400 !important;
/* supprime le gras */
	font-style: normal !important;
/* supprime l’italique */
	font-size: 16px !important;
	line-height: 1.6 !important;
	max-width: 720px !important;
	margin: 0 auto 20px !important;
}

-----------------
/* ===== Image portrait — Page Qui suis-je ===== */
.about-grid .portrait img {
	width: 200px !important;
/* taille de l’image (ajuste si tu veux plus grand/petit) */
	height: 200px !important;
/* carré parfait */
	object-fit: cover !important;
/* garde la proportion sans déformer */
	border: 4px solid #e39ca5 !important;
/* contour rose harmonisé */
	border-radius: 10px !important;
/* angles légèrement arrondis (mets 0px si tu veux un vrai carré) */
	display: block;
	margin: 0 auto 20px !important;
/* centre l’image et ajoute un petit espace dessous */
}

width: 200px;
height: 200px;
-------
/* ===== Image portrait — Page Qui suis-je ===== */
figure.portrait img {
	width: 240px !important;
/* taille carrée harmonieuse */
	height: 240px !important;
	object-fit: cover !important;
/* évite les déformations */
	border: 3px solid #e39ca5 !important;
/* contour rose harmonisé */
	border-radius: 12px !important;
/* angles légèrement arrondis */
	display: block !important;
	margin: 0 auto 20px !important;
/* centrage et espace dessous */
	box-shadow: 0 4px 8px rgba(0,0,0,0.06);
/* petite ombre douce */
}

------------
/* ===== EFDC — Page Qui suis-je — Avatar rond harmonisé ===== */
.qui-page .portrait img {
	width: 220px !important;
/* taille carrée */
	height: 220px !important;
	object-fit: cover !important;
/* ne déforme pas l’image */
	border-radius: 50% !important;
/* cercle parfait */
	border: 3px solid #e39ca5 !important;
/* contour rose EFDC */
	display: block !important;
	margin: 0 auto 18px !important;
/* centré horizontalement */
	box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
/* ombre douce */
}

/* 🔒 EFDC — Qui suis-je : avatar carré + plus petit + contour rose (override final) */
html body .qui-page .portrait img,
html body .about-grid .portrait img {
	width: 240px !important;
/* plus petit */
	height: 240px !important;
/* carré */
	max-width: none !important;
/* annule les max-width précédents */
	aspect-ratio: auto !important;
/* annule les aspect-ratio imposés */
	object-fit: cover !important;
	border: 3px solid #e39ca5 !important;
/* contour rose */
	border-radius: 12px !important;
/* angles arrondis doux (met 0 si tu veux angles vifs) */
	display: block !important;
	margin: 0 auto 18px !important;
/* centré */
	box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important;
}

.qui-page .portrait img {
	width: 240px !important;
	height: 240px !important;
	object-fit: cover;
	border-radius: 16px;
/* carré arrondi */
	border: 2px solid #e39ca5;
/* contour rose harmonieux */
	display: block;
	margin: 0 auto;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

-------
/* Harmonisation texte "Qui suis-je" avec les autres pages */
.qui-page p,
.qui-page li,
.qui-page span,
.qui-page div {
	color: #444 !important;
/* même gris que les autres pages */
}

----------
/* === Section "Mes valeurs" (style harmonisé EFDC) === */
.valeurs {
	margin: 40px auto;
	text-align: center;
}

.section-title-centre {
	color: #e39ca5;
/* rose harmonieux */
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 24px;
}

.valeurs-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	max-width: 900px;
	margin: 0 auto;
}

.valeur {
	background-color: #f9f9f9;
/* fond gris clair */
	border-radius: 12px;
	padding: 20px;
	flex: 1 1 260px;
	max-width: 280px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.valeur h4 {
	color: #e39ca5;
/* rose harmonieux */
	font-weight: 700;
	font-size: 1.1em;
	margin-bottom: 10px;
}

.valeur p {
	color: #444;
	font-size: .95em;
	line-height: 1.6;
	margin: 0;
}

/* Responsive mobile */
@media (max-width: 768px) {
	.valeurs-container {
		flex-direction: column;
		align-items: center;
	}
	
	.valeur {
		max-width: 90%;
	}
}

------
.section-title-centre {
	color: #e39ca5;
/* ton rose harmonieux */
	font-size: 21px;
	font-weight: 700;
	text-align: center;
	margin: 30px 0 24px;
}

--------
/* === Uniformisation texte page "Qui suis-je" === */
.qui-page p,
.qui-page li,
.qui-page h4,
.qui-page span {
	color: #444 !important;
/* même gris que le reste du site */
}

-------------------
/* ===== MES VALEURS — harmonisation & alignement ===== */
section.valeurs {
	margin-top: 40px;
/* espace avant la section */
	text-align: center;
}

section.valeurs .section-title-centre {
	font-size: 1.4em !important;
	color: #e39ca5 !important;
/* rose harmonisé */
	font-weight: 700;
	margin-bottom: 30px !important;
/* espace sous le titre */
}

section.valeurs .valeurs-container {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 24px;
	flex-wrap: wrap;
/* pour mobile */
	margin-top: 20px;
}

section.valeurs .valeur {
	background: #f9f9f9;
	border-radius: 14px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
	flex: 1 1 30%;
	max-width: 300px;
	padding: 22px 20px;
	text-align: center;
/* centre tout le contenu */
	transition: transform .2s ease, box-shadow .2s ease;
}

section.valeurs .valeur:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

section.valeurs .valeur h4 {
	color: #e39ca5 !important;
	font-weight: 700;
	font-size: 1.15em;
	margin-bottom: 10px;
	text-align: center !important;
/* force le centrage */
}

section.valeurs .valeur p {
	color: #444 !important;
	font-size: .96em;
	line-height: 1.55;
	margin: 0 auto;
	text-align: center;
}

/* Responsive : 1 carte par ligne sur mobile */
@media (max-width: 768px) {
	section.valeurs .valeurs-container {
		flex-direction: column;
		align-items: center;
	}
	
	section.valeurs .valeur {
		max-width: 90%;
	}
	
	section.valeurs .valeur h4 {
		font-size: 1.25em;
	}
}

-----------------
.pitch-centre {
	text-align: center;
/* centre tout */
	max-width: 720px;
/* largeur harmonieuse */
	margin: 0 auto 30px;
/* centré + espace dessous */
	color: #444;
/* gris du site */
	line-height: 1.6;
/* lisibilité */
	font-style: normal;
/* pas d’italique */
	font-weight: 400;
/* pas de gras */
}

.pitch-centre p {
	margin-bottom: 12px;
	font-weight: 400;
/* pas de gras */
}

.pitch-centre .coeur {
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 8px;
}

------------
/* Force le bloc pitch à être centré sur la page */
.page .entry-content .pitch-centre,
.qui-page .pitch-centre {
	width: 100%;
	max-width: 900px;
/* largeur confortable */
	margin: 0 auto 30px !important;
/* centre horizontalement */
	text-align: center !important;
/* centre le texte */
	color: #444 !important;
	line-height: 1.6;
	font-weight: 400 !important;
/* pas de gras */
}

/* Les paragraphes à l’intérieur : centrés aussi */
.page .entry-content .pitch-centre p,
.qui-page .pitch-centre p {
	text-align: center !important;
	margin: 0 0 12px;
	font-weight: 400 !important;
/* pas de gras */
}

/* Le cœur au-dessus, bien centré */
.page .entry-content .pitch-centre .coeur,
.qui-page .pitch-centre .coeur {
	display: block;
	text-align: center !important;
	font-size: 1.4em;
	margin: 8px 0 12px;
}

----------
/* Bloc texte centré (style identique au pitch) */
.bloc-centre {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 30px !important;
	text-align: center !important;
	color: #444 !important;
	line-height: 1.6;
	font-weight: 400 !important;
}

/* Paragraphes à l’intérieur */
.bloc-centre p {
	text-align: center !important;
	margin: 0 0 14px;
	font-weight: 400 !important;
}

/* Cœurs centrés */
.bloc-centre .coeur {
	display: block;
	text-align: center !important;
	font-size: 1.3em;
	margin: 12px 0;
}

/* Style du mot meraki */
.meraki-inline em {
	font-style: italic;
	color: #444 !important;
}

.meraki-etoile {
	color: #e39ca5 !important;
/* petite étoile rose harmonisée */
}

-----
/* Signature centrée */
.signature {
	text-align: center !important;
	color: #444 !important;
/* gris principal */
	font-size: 1em !important;
	font-weight: 400 !important;
	margin: 20px auto 6px !important;
	line-height: 1.5;
}

/* Note Meraki (explicative) */
.note-meraki {
	display: block;
	text-align: center !important;
	color: #666 !important;
/* gris secondaire */
	font-style: italic !important;
	font-size: .85em !important;
	margin-top: 6px !important;
	line-height: 1.4;
}

--------------
.signature {
	text-align: center !important;
/* centré */
	color: #444 !important;
/* gris principal du site */
	font-size: 1em !important;
/* taille standard */
	font-weight: 400 !important;
/* pas en gras */
	margin: 20px auto 6px !important;
/* centrage + espace équilibré */
	line-height: 1.5;
}

-------
.signature {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
/* centre horizontalement */
	color: #444 !important;
/* gris harmonisé */
	font-size: 1em !important;
	font-weight: 400 !important;
/* pas en gras */
	margin: 30px auto 10px !important;
/* espace équilibré */
	line-height: 1.6 !important;
}

.wp-block-paragraph .signature,
p.signature {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
}

----------
/* --- Section Délais EFDC --- */
.delais-section {
	text-align: center;
/* centre tout le contenu */
	margin: 30px auto;
	max-width: 800px;
}

.delais-section .section-title-centre {
	color: #e39ca5 !important;
/* rose EFDC */
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}

/* Liste centrée avec texte gris harmonisé */
.delais-liste {
	list-style: none;
/* supprime les puces classiques */
	padding: 0;
	margin: 0 auto;
	text-align: center;
	color: #444;
/* gris principal */
	line-height: 1.6;
}

.delais-liste li {
	margin-bottom: 8px;
	position: relative;
}

/* Petite puce rose personnalisée */
.delais-liste li::before {
	content: "•";
	color: #e39ca5;
/* rose EFDC */
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

--------------
/* --- Section Délais de commande EFDC --- */
.delais-section {
	text-align: center;
	margin: 40px auto;
	max-width: 800px;
}

/* Titre rose centré */
.delais-section .section-title-centre {
	color: #e39ca5 !important;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}

/* Liste centrée, texte gris harmonisé */
.delais-liste {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	color: #444;
	line-height: 1.6;
}

/* Chaque ligne avec puce rose élégante */
.delais-liste li {
	margin-bottom: 10px;
	position: relative;
}

.delais-liste li::before {
	content: "•";
	color: #e39ca5;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

/* Lien discret en rose harmonieux */
.delais-lien {
	color: #e39ca5 !important;
	text-decoration: none;
	font-weight: 500;
}

.delais-lien:hover {
	text-decoration: underline;
}

----------
/* Bloc rappels utiles centré */
.rappels-utiles {
	text-align: center;
	color: #444;
/* gris harmonisé */
	font-size: 1em;
	line-height: 1.6;
	margin: 30px auto;
	max-width: 800px;
}

/* Liens en rose EFDC */
.rappels-utiles a {
	color: #e39ca5;
	text-decoration: none;
	font-weight: 500;
}

.rappels-utiles a:hover {
	text-decoration: underline;
}

/* Appel à l’action */
.cta-block {
	text-align: center;
	margin-top: 30px;
}

----------------
/* Bloc rappels utiles centré et harmonisé */
.rappels-utiles {
	text-align: center;
	color: #444;
/* gris harmonieux */
	font-size: 1em;
	line-height: 1.6;
	margin: 30px auto;
	max-width: 800px;
}

/* Liens roses EFDC */
.rappels-utiles a {
	color: #e39ca5;
	text-decoration: none;
	font-weight: 500;
}

.rappels-utiles a:hover {
	text-decoration: underline;
}

--------------
/* 🔒 Centre le bloc rappels-utiles sur TOUTES les pages (accueil, commande, délais, etc.) */
.page .entry-content .rappels-utiles,
.single .entry-content .rappels-utiles,
.entry-content .rappels-utiles,
.rappels-utiles {
	display: block !important;
	width: 100% !important;
	max-width: 900px !important;
/* ajuste 720–900px si tu veux */
	margin-left: auto !important;
	margin-right: auto !important;
/* centre le conteneur */
	text-align: center !important;
/* centre le texte */
	color: #444 !important;
	line-height: 1.6;
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

/* Centre VRAIMENT chaque paragraphe à l’intérieur */
.rappels-utiles p {
	text-align: center !important;
	margin: 0 0 10px !important;
	font-weight: 400 !important;
/* pas de gras “fantôme” */
}

/* Liens rose EFDC */
.rappels-utiles a {
	color: #e39ca5 !important;
	text-decoration: none;
	font-weight: 500;
}

.rappels-utiles a:hover {
	text-decoration: underline;
}

------
/* ----- Rangée des boutons catalogue ----- */
.catalogue-row {
	display: flex;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
/* Passe à la ligne si besoin */
	margin: 0 0 10px;
}

.catalogue-row a {
	background: #f6d6da;
/* rose clair */
	color: #e39ca5 !important;
	font-weight: 600;
	display: flex;
	align-items: center;
/* centrage vertical */
	justify-content: center;
/* centrage horizontal */
	min-height: 54px;
/* hauteur minimale harmonieuse */
	padding: 10px 22px;
/* espace interne */
	border-radius: 12px;
	text-decoration: none;
	line-height: 1.3;
/* meilleure lisibilité */
	white-space: normal;
/* ✅ autorise le retour à la ligne */
	word-break: break-word;
/* ✅ casse proprement les mots longs */
	text-align: center;
/* ✅ centre le texte dans le bouton */
	box-shadow: 0 4px 10px rgba(0,0,0,.08);
	transition: none !important;
/* pas d’animation */
	max-width: 280px;
/* ✅ largeur limitée pour forcer retour à la ligne */
	box-sizing: border-box;
}

/* Effet au survol */
.catalogue-row a:hover {
	background: #f2c8cd;
}

/* Mobile : pleine largeur confortable */
@media (max-width: 767px) {
	.catalogue-row {
		gap: 12px;
	}
	
	.catalogue-row a {
		width: 100%;
		max-width: 420px;
	}
}

----------------
/* ===== EFDC — Mise en page CGV ===== */

/* Conteneur global des CGV */
.cgv-page,
.cgv-bloc {
	text-align: center;
/* centre tout le texte */
	max-width: 800px;
/* largeur agréable pour lecture */
	margin: 0 auto 30px;
/* centre le bloc + espace en bas */
	line-height: 1.6;
	color: #444;
	font-size: 1em;
}

/* Titres H2 (rose harmonisé, centrés déjà par classe .intro-title) */
.cgv-page h2,
.cgv-bloc h2 {
	color: #e39ca5 !important;
	text-align: center !important;
	font-weight: 600;
	font-size: 1.3em;
	margin: 20px 0 14px;
}

/* Paragraphes */
.cgv-page p,
.cgv-bloc p {
	text-align: center;
/* tous les paragraphes centrés */
	margin-bottom: 14px;
}

/* Petites notes */
.cgv-page .note,
.cgv-bloc .note {
	color: #666;
	font-size: .95em;
	font-style: italic;
}

/* Listes à puces : à gauche */
.cgv-page ul,
.cgv-bloc ul {
	text-align: left !important;
	margin: 0 auto 20px;
	display: inline-block;
/* pour garder centrage visuel global */
	list-style-position: outside;
}

.cgv-page ul li,
.cgv-bloc ul li {
	margin-bottom: 8px;
	color: #444;
	line-height: 1.5;
}

/* Ligne de séparation harmonisée */
.cgv-page hr,
.cgv-bloc hr {
	border: none;
	border-top: 1px solid #ddd;
	margin: 30px auto;
	width: 80%;
}

/* Texte final (remerciements + coordonnées) */
.cgv-page .closing-text {
	text-align: center;
	color: #444;
	line-height: 1.6;
	font-size: 1em;
}

/* Lien "Retour en haut de page" */
.back-to-top-wrapper {
	text-align: center;
	margin-top: 20px;
}

.back-to-top {
	color: #e39ca5;
	text-decoration: none;
	font-weight: 600;
}

.back-to-top:hover {
	text-decoration: underline;
}

----------------
/* ===== EFDC — Bloc Avis clients ===== */
.avis-efdc {
	max-width: 980px;
	margin: 28px auto;
	padding: 0 12px;
}

.avis-efdc .intro-title {
	color: #e39ca5 !important;
	font-weight: 700;
	text-align: center;
	margin-bottom: 14px;
}

/* Grille responsive (2-3 colonnes selon largeur) */
.avis-efdc__grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	margin-top: 10px;
}

/* Carte */
.avis-efdc__card {
	background: #fff;
	border: 1px solid #f3d9dc;
	border-radius: 12px;
	padding: 16px 18px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.avis-efdc__stars {
	color: #e39ca5;
	letter-spacing: 2px;
	font-size: 16px;
	margin-bottom: 8px;
	text-align: left;
}

.avis-efdc__quote {
	margin: 0;
	color: #444;
	font-style: italic;
	line-height: 1.6;
	text-align: left;
}

.avis-efdc__sig {
	margin-top: 10px;
	color: #e39ca5;
	font-weight: 500;
	text-align: right;
}

------------------
/* ===== EFDC — Carrousel d’avis clients ===== */
.avis-efdc {
	max-width: 980px;
	margin: 28px auto;
	padding: 0 12px;
}

.avis-efdc .intro-title {
	color: #e39ca5 !important;
	font-weight: 700;
	text-align: center;
	margin-bottom: 14px;
}

/* Piste défilante */
.avis-efdc__track {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	padding: 8px 2px 12px;
	scroll-behavior: smooth;
}

/* Cartes (slide) */
.avis-efdc__card {
	flex: 0 0 300px;
/* largeur d’une diapo (ajuste 260–340px) */
	scroll-snap-align: start;
	background: #fff;
	border: 1px solid #f3d9dc;
	border-radius: 12px;
	padding: 16px 18px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

@media (max-width: 480px) {
	.avis-efdc__card {
		flex-basis: 85%;
	}/* plein écran mobile quasi-complet */
	
}

.avis-efdc__stars {
	color: #e39ca5;
	letter-spacing: 2px;
	font-size: 16px;
	margin-bottom: 8px;
	text-align: left;
}

.avis-efdc__quote {
	margin: 0;
	color: #444;
	font-style: italic;
	line-height: 1.6;
	text-align: left;
}

.avis-efdc__sig {
	margin-top: 10px;
	color: #e39ca5;
	font-weight: 500;
	text-align: right;
}

/* Boutons précédent/suivant */
.avis-efdc__controls {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-bottom: 8px;
}

.avis-efdc__btn {
	width: 34px;
	height: 34px;
	border-radius: 999px;
	border: none;
	background: rgba(227,156,165,0.9);
	color: #fff;
	font-size: 18px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
}

.avis-efdc__btn:hover {
	background: #e39ca5;
}

/* Barre de défilement discrète */
.avis-efdc__track::-webkit-scrollbar {
	height: 8px;
}

.avis-efdc__track::-webkit-scrollbar-thumb {
	background: #ead3d7;
	border-radius: 8px;
}

.avis-efdc__track::-webkit-scrollbar-track {
	background: transparent;
}

-------
/* EFDC — Catégories en minuscules */
.entry-categories,
.entry-categories a,
.wp-block-post-terms,
.wp-block-post-terms__separator {
	text-transform: none !important;
	font-weight: 500 !important;
	letter-spacing: 0 !important;
}

----------------
/* === EFDC — Nuage d’étiquettes harmonisé === */
.wp-block-tag-cloud a {
	font-size: .9em !important;
/* taille globale réduite */
	color: #666 !important;
/* gris lisible */
	font-weight: 500;
	text-decoration: none;
	margin: 0 6px 8px 0 !important;
}

.wp-block-tag-cloud {
	text-align: center;
/* centrage global */
	max-width: 800px;
	margin: 0 auto 25px;
}

.wp-block-tag-cloud a:hover {
	color: #e39ca5 !important;
/* ton rose EFDC */
	text-decoration: underline;
}

--------------------
/* ===== Bouton Pinterest — forçage couleur texte blanche ===== */
.btn-pinterest {
	background-color: #d6a1a8;
	color: #fff !important;
/* on force la couleur blanche */
	font-weight: 600;
	font-style: normal;
	text-decoration: none !important;
	font-size: 1.02em;
	padding: 9px 20px;
	border-radius: 8px;
	border: none;
	box-shadow: none;
	display: inline-block;
	text-align: center;
}

/* Si le bouton est un lien (balise ), on force aussi le blanc */
.btn-pinterest:link,
.btn-pinterest:visited,
.btn-pinterest:hover,
.btn-pinterest:active {
	color: #fff !important;
}

-------------------
/* ===== EFDC — Tags / Étiquettes (style ruban) ===== */

/* 1) Couleur du badge + texte (plus de spécificité) */
body.single-post .entry-footer .tags-links a,
body.single-post .post-tags a,
body.single-post .wp-block-post-terms a,
body.single-post .tagcloud a,
body.single-post a[rel~="tag"] {
	background: #E5A6B6 !important;
/* rose EFDC */
	color: #FFFFFF !important;
/* texte blanc */
	font-weight: 600 !important;
	text-decoration: none !important;
	border: 0 !important;
}

/* 2) Couleur de la flèche du ruban (pseudo-éléments du thème) */
body.single-post .entry-footer .tags-links a::after,
body.single-post .entry-footer .tags-links a::before,
body.single-post .post-tags a::after,
body.single-post .post-tags a::before,
body.single-post .wp-block-post-terms a::after,
body.single-post .wp-block-post-terms a::before,
body.single-post .tagcloud a::after,
body.single-post .tagcloud a::before,
body.single-post a[rel~="tag"]::after,
body.single-post a[rel~="tag"]::before {
	border-left-color: #E5A6B6 !important;
/* flèche à droite */
	border-right-color: #E5A6B6 !important;
/* au cas où le thème utilise l'autre côté */
/* si le thème peint la flèche via background, on neutralise : */
	background: transparent !important;
}

/* 3) Survol */
body.single-post .entry-footer .tags-links a:hover,
body.single-post .post-tags a:hover,
body.single-post .wp-block-post-terms a:hover,
body.single-post .tagcloud a:hover,
body.single-post a[rel~="tag"]:hover {
	background: #CF7E91 !important;
	color: #FFFFFF !important;
}

---------------
/* ===== EFDC — Tags / Étiquettes (style ruban) ===== */

/* 1) Couleur du badge + texte (plus de spécificité) */
body.single-post .entry-footer .tags-links a,
body.single-post .post-tags a,
body.single-post .wp-block-post-terms a,
body.single-post .tagcloud a,
body.single-post a[rel~="tag"] {
	background: #E5A6B6 !important;
/* rose EFDC */
	color: #FFFFFF !important;
/* texte blanc */
	font-weight: 600 !important;
	text-decoration: none !important;
	border: 0 !important;
}

/* 2) Couleur de la flèche du ruban (pseudo-éléments du thème) */
body.single-post .entry-footer .tags-links a::after,
body.single-post .entry-footer .tags-links a::before,
body.single-post .post-tags a::after,
body.single-post .post-tags a::before,
body.single-post .wp-block-post-terms a::after,
body.single-post .wp-block-post-terms a::before,
body.single-post .tagcloud a::after,
body.single-post .tagcloud a::before,
body.single-post a[rel~="tag"]::after,
body.single-post a[rel~="tag"]::before {
	border-left-color: #E5A6B6 !important;
/* flèche à droite */
	border-right-color: #E5A6B6 !important;
/* au cas où le thème utilise l'autre côté */
/* si le thème peint la flèche via background, on neutralise : */
	background: transparent !important;
}

/* 3) Survol */
body.single-post .entry-footer .tags-links a:hover,
body.single-post .post-tags a:hover,
body.single-post .wp-block-post-terms a:hover,
body.single-post .tagcloud a:hover,
body.single-post a[rel~="tag"]:hover {
	background: #CF7E91 !important;
	color: #FFFFFF !important;
}

--------------------
/* ===== EFDC — Catégories (haut d’article) ===== */

/* Cible les catégories au-dessus du titre */
.entry-categories a,
.wp-block-post-terms__prefix,
.wp-block-post-terms__separator {
	font-size: .8em !important;
/* texte plus petit */
	text-transform: lowercase !important;
/* minuscules élégantes */
	letter-spacing: .3px !important;
}

/* Harmonisation couleur et lisibilité */
.entry-categories a {
	background-color: #e5a6b6 !important;
/* rose EFDC */
	color: #ffffff !important;
	padding: 4px 10px !important;
	border-radius: 3px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

/* Survol */
.entry-categories a:hover {
	background-color: #cf7e91 !important;
	color: #fff !important;
}

/* Forcer les tags à s'afficher en minuscules */
.tagcloud a {
  text-transform: none !important;
}
/* Centrer les tags */
.tagcloud {
  text-align: center;
}