/* ==========================================================================
   France & Mathis · « La cour de récré » (refonte 2026)
   Mise en page : bandes pleine largeur, contenu centré à 1160 px, cartes arrondies.
   Couleurs reprises du logo et des couvertures ; une couleur par classe (--c / --e).
   ========================================================================== */
:root {
	--bleu: #00577b;
	--bleu-fonce: #003e58;
	--soleil: #f6d548;
	--rouge: #e4474b;
	--or: #b8860b;
	--ciel: #e3f3fb;
	--ciel-fonce: #cfe8f4;
	--creme: #fff8dc;
	--encre: #1b2a33;
	--gris: #4c6470;
	--trait: #dbe7ee;
	--blanc: #ffffff;
	--succes: #1f7a3d;
	--danger: #b42323;
	--titre: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;
	--texte: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
	--rayon: 20px;
	--ombre: 0 6px 0 rgba(0, 87, 123, .12);
	--largeur: 1160px;
	color-scheme: light;
}

/* ---------- Base ---------- */
body.fem-recre {
	margin: 0;
	background: var(--blanc);
	color: var(--encre);
	font-family: var(--texte);
	font-size: 1.0625rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
.fem-recre *, .fem-recre *::before, .fem-recre *::after { box-sizing: border-box; }
.fem-recre img { max-width: 100%; height: auto; }
.fem-recre h1, .fem-recre h2, .fem-recre h3, .fem-recre h4 {
	font-family: var(--titre);
	font-weight: 800;
	line-height: 1.1;
	color: var(--bleu);
	text-wrap: balance;
	margin: 0 0 .5em;
}
.fem-recre a { color: var(--bleu); text-underline-offset: 3px; }
.fem-recre a:hover { color: var(--bleu-fonce); }
.fem-recre :focus-visible { outline: 3px solid var(--soleil); outline-offset: 3px; border-radius: 6px; }
.fem-in {
	max-width: var(--largeur);
	margin: 0 auto;
	padding-left: max(16px, env(safe-area-inset-left, 0px));
	padding-right: max(16px, env(safe-area-inset-right, 0px));
}
.fem-sr {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.fem-evitement {
	position: absolute; left: 12px; top: -60px; z-index: 1000;
	background: var(--soleil); color: var(--encre); padding: 10px 16px; border-radius: 10px; font-weight: 800;
}
.fem-evitement:focus { top: 12px; }
.fem-surtitre {
	text-transform: uppercase; letter-spacing: .06em; font-size: .8rem; font-weight: 800; color: var(--gris); margin: 0 0 12px;
}
.fem-sous-titre { color: var(--gris); margin: 0 0 28px; max-width: 62ch; }

/* ---------- Boutons ---------- */
.fem-bouton, .fem-recre .button.fem-bouton {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	font-family: var(--texte); font-weight: 800; font-size: .98rem; line-height: 1.2;
	text-decoration: none; border-radius: 999px; padding: 11px 20px; border: 0; cursor: pointer;
	transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.fem-bouton:hover { transform: translateY(-1px); }
.fem-bouton:active { transform: translateY(1px); }
.fem-bouton-grand { padding: 14px 26px; font-size: 1.05rem; }
.fem-bouton-bleu, .fem-recre a.fem-bouton-bleu { background: var(--bleu); color: var(--blanc); box-shadow: 0 4px 0 var(--bleu-fonce); }
.fem-bouton-bleu:hover { background: var(--bleu-fonce); color: var(--blanc); }
.fem-bouton-soleil, .fem-recre a.fem-bouton-soleil { background: var(--soleil); color: var(--encre); box-shadow: 0 4px 0 #d8b524; }
.fem-bouton-ligne, .fem-recre a.fem-bouton-ligne { background: var(--blanc); color: var(--bleu); box-shadow: inset 0 0 0 2px var(--bleu); }
.fem-bouton-ligne:hover { background: var(--ciel); }
.fem-bouton-blanc, .fem-recre a.fem-bouton-blanc { background: var(--blanc); color: var(--encre); box-shadow: 0 4px 0 rgba(0,0,0,.15); }

/* ---------- Bandeau du haut + en-tête ---------- */
.fem-bandeau-haut { background: var(--bleu-fonce); color: #d5e8f1; font-size: .85rem; padding-block: 6px; }
.fem-bandeau-haut .fem-in { display: flex; flex-wrap: wrap; gap: 4px 18px; justify-content: space-between; }
.fem-bandeau-haut a { color: var(--blanc); font-weight: 700; text-decoration: none; }
.fem-entete { background: var(--blanc); border-bottom: 4px solid var(--soleil); position: sticky; top: 0; z-index: 50; }
.admin-bar .fem-entete { top: 32px; }
.fem-entete-in { display: flex; align-items: center; gap: 24px; min-height: 76px; }
.fem-logo img { width: 156px; display: block; }
.fem-nav { display: flex; align-items: center; gap: 22px; flex: 1; min-width: 0; }
.fem-nav-liste { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; flex: 1; }
.fem-nav-lien {
	display: inline-flex; align-items: center; gap: 6px; padding: 10px 12px; border-radius: 12px;
	font: 800 1rem/1 var(--texte); color: var(--encre); text-decoration: none; background: none; border: 0; cursor: pointer;
}
.fem-recre a.fem-nav-lien { color: var(--encre); }
.fem-nav-lien:hover, .fem-nav-lien[aria-expanded="true"] { background: var(--ciel); color: var(--bleu); }
.fem-nav-lien svg { transition: transform .15s; }
.fem-nav-lien[aria-expanded="true"] svg { transform: rotate(180deg); }
.fem-nav-deroulant { position: relative; }
.fem-sous {
	list-style: none; margin: 0; padding: 10px; position: absolute; left: 0; top: calc(100% + 8px); min-width: 290px;
	background: var(--blanc); border-radius: 18px; box-shadow: 0 18px 40px rgba(0, 40, 60, .18); border: 1px solid var(--trait);
	display: none;
}
.fem-nav-deroulant.ouvert .fem-sous { display: block; }
.fem-sous a { display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 12px; color: var(--encre); text-decoration: none; font-weight: 700; }
.fem-sous a:hover { background: var(--ciel); }
.fem-sous .fem-sous-tout { color: var(--bleu); border-top: 1px solid var(--trait); border-radius: 0 0 12px 12px; margin-top: 6px; padding-top: 12px; }
.fem-pastille-mini {
	display: inline-grid; place-items: center; width: 40px; height: 28px; border-radius: 999px;
	background: var(--c); color: #fff; font: 800 .8rem/1 var(--titre);
}
.fem-actions { display: flex; gap: 8px; align-items: center; }
.fem-actions .fem-bouton { padding: 9px 16px; font-size: .92rem; }
.fem-panier-nb {
	display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px;
	background: var(--soleil); color: var(--encre); font-size: .8rem;
}
.fem-burger { display: none; }

/* ---------- Héros ---------- */
.fem-hero { background: var(--ciel); position: relative; overflow: hidden; padding-block: 40px 0; }
.fem-hero::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 44px; background: var(--blanc);
	clip-path: ellipse(72% 100% at 50% 100%);
}
.fem-hero-in { display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; align-items: end; position: relative; z-index: 1; }
.fem-hero-texte { padding-bottom: 72px; min-width: 0; }
.fem-hero h1 { font-size: clamp(2.3rem, 5.4vw, 4.1rem); line-height: .98; margin-bottom: 18px; }
.fem-hero h1 span { display: block; }
.fem-rouge { color: var(--rouge); }
.fem-or { color: var(--or); }
.fem-hero-chapo { font-size: 1.15rem; max-width: 46ch; margin: 0 0 24px; }
.fem-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.fem-hero-ecoles h1 { font-size: clamp(2rem, 4.4vw, 3.3rem); }
.fem-duo { position: relative; min-height: 400px; }
.fem-duo img { position: absolute; bottom: 24px; }
.fem-duo-france { left: 0; width: 54%; }
.fem-duo-mathis { right: 0; width: 50%; }
.fem-duo-seul .fem-duo-mathis { right: 10%; width: 60%; }
.fem-bulle {
	position: absolute; margin: 0; background: var(--blanc); border-radius: 18px; padding: 10px 14px; max-width: 200px;
	font-weight: 800; font-size: .92rem; line-height: 1.3; box-shadow: var(--ombre); z-index: 2;
}
.fem-bulle::after { content: ""; position: absolute; bottom: -9px; width: 18px; height: 18px; background: var(--blanc); transform: rotate(45deg); }
.fem-bulle-1 { left: 0; top: 0; } .fem-bulle-1::after { left: 32px; }
.fem-bulle-2 { right: 0; top: 34px; } .fem-bulle-2::after { right: 44px; }

/* ---------- Sections ---------- */
.fem-section { padding-block: 56px; }
.fem-section-serree { padding-block: 28px 56px; }
.fem-section > .fem-in > h2, .fem-niveaux h2 { font-size: clamp(1.7rem, 3.2vw, 2.4rem); }
.fem-fond-ciel { background: var(--ciel); }

/* ---------- Choix de la classe ---------- */
.fem-niveaux { padding-block: 56px 24px; }
.fem-niveaux > .fem-in > h2, .fem-niveaux > .fem-in > .fem-sous-titre { text-align: center; margin-inline: auto; }
.fem-pastilles { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin-bottom: 30px; }
.fem-pastilles-liens { justify-content: flex-start; }
.fem-pastille, .fem-recre a.fem-pastille {
	display: inline-grid; place-items: center; width: 86px; height: 86px; border-radius: 50%;
	background: var(--c, var(--bleu)); color: var(--e, #fff); text-decoration: none;
	font: 800 1.4rem/1 var(--titre); border: 4px solid var(--blanc); box-shadow: 0 5px 0 rgba(0, 0, 0, .14);
	transition: transform .15s ease;
}
.fem-pastille:hover { transform: translateY(-3px); color: var(--e, #fff); }
.fem-pastille[aria-selected="true"] { border-color: var(--encre); transform: translateY(-4px) scale(1.07); }
.fem-pastille-petite, .fem-recre a.fem-pastille-petite { width: auto; min-width: 56px; height: 34px; padding: 0 12px; border-radius: 999px; font-size: 1rem; border-width: 0; box-shadow: none; }
.fem-pastille-grande { display: inline-grid; place-items: center; min-width: 96px; height: 56px; padding: 0 18px; border-radius: 999px; background: var(--blanc); color: var(--c); font: 800 1.8rem/1 var(--titre); margin: 0 0 14px; }
.fem-panneau { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: start; }
.fem-panneau + .fem-panneau { margin-top: 40px; }
.fem-js .fem-panneau[data-masque] { display: none; }
.fem-js .fem-panneau + .fem-panneau { margin-top: 0; }
.fem-panneau-couverture { background: var(--ciel); border-radius: 24px; padding: 20px; text-align: center; border-top: 8px solid var(--c); }
.fem-panneau-couverture img { width: 210px; margin: 0 auto 10px; filter: drop-shadow(0 10px 12px rgba(0, 0, 0, .18)); display: block; }
.fem-panneau-couverture h3 { font-size: 1.3rem; }
.fem-liens-media { list-style: none; padding: 0; margin: 10px 0 0; display: flex; flex-direction: column; gap: 6px; font-weight: 800; }
.fem-panneau .fem-liens-media { align-items: center; }

/* ---------- Cartes produit ---------- */
.fem-cartes { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.fem-panneau .fem-cartes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fem-carte {
	background: var(--blanc); border: 2px solid var(--trait); border-radius: var(--rayon);
	display: flex; flex-direction: column; overflow: hidden; min-width: 0;
}
.fem-carte-visuel { display: block; background: linear-gradient(180deg, var(--ciel), var(--blanc)); padding: 16px 16px 0; }
.fem-carte-visuel img { display: block; margin: 0 auto; max-height: 230px; width: auto; object-fit: contain; }
.fem-carte-corps { padding: 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.fem-carte-titre { font-size: 1.3rem; margin: 0; }
.fem-carte-titre a { color: var(--bleu); text-decoration: none; }
.fem-carte-titre a:hover { text-decoration: underline; }
.fem-carte-prix { font: 800 1.9rem/1 var(--titre); color: var(--encre); margin: 2px 0 4px; font-variant-numeric: tabular-nums; }
.fem-carte-contenu { font-weight: 800; margin: 0; }
.fem-carte-note { margin: 0; color: var(--gris); font-size: .95rem; }
.fem-carte-livres { margin: 2px 0 0; padding-left: 18px; font-size: .92rem; color: var(--gris); line-height: 1.45; }
.fem-carte-livres li { margin-bottom: 3px; }
.fem-carte-actions { margin-top: auto; padding-top: 12px; display: flex; flex-direction: column; gap: 8px; align-items: stretch; }
.fem-carte-actions .fem-bouton { width: 100%; }
.fem-lien-detail { font-weight: 800; font-size: .95rem; text-align: center; }
.fem-indispo { color: var(--gris); font-weight: 700; text-align: center; }
.fem-carte-excellence { border-color: var(--soleil); box-shadow: 0 6px 0 var(--soleil); }

/* ---------- Méthode ---------- */
.fem-methode { background: var(--bleu); color: var(--blanc); padding-block: 56px; margin-top: 40px; }
.fem-methode h2 { color: var(--blanc); font-size: clamp(1.7rem, 3.2vw, 2.4rem); }
.fem-methode .fem-sous-titre { color: #d4e7f0; }
.fem-etapes { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; counter-reset: etape; }
.fem-etapes li { background: rgba(255, 255, 255, .09); border-radius: 18px; padding: 20px; }
.fem-etapes li::before { counter-increment: etape; content: counter(etape); display: block; font: 800 2.4rem/1 var(--titre); color: var(--soleil); margin-bottom: 8px; }
.fem-etapes h3 { color: var(--blanc); font-size: 1.15rem; margin-bottom: 4px; }
.fem-etapes p { margin: 0; color: #e2eff5; font-size: .96rem; line-height: 1.45; }

/* ---------- Usages ---------- */
.fem-pourquoi { padding-block: 56px; }
.fem-pourquoi-in { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 36px; align-items: center; }
.fem-pourquoi h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); }
.fem-coches { list-style: none; padding: 0; margin: 0 0 16px; display: grid; gap: 10px; }
.fem-coches li { padding-left: 34px; position: relative; }
.fem-coches li::before {
	content: ""; position: absolute; left: 0; top: 3px; width: 22px; height: 22px; border-radius: 50%;
	background: var(--soleil) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%231b2a33' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
}

/* ---------- Bandeau écoles ---------- */
.fem-ecoles-appel { background: var(--soleil); padding-block: 40px; }
.fem-ecoles-appel-in { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 28px; align-items: center; }
.fem-ecoles-appel img { width: 150px; }
.fem-ecoles-appel h2 { color: var(--encre); font-size: clamp(1.4rem, 2.6vw, 2rem); }
.fem-ecoles-appel p { margin: 0; max-width: 62ch; }
.fem-ecoles-appel-actions { display: flex; flex-direction: column; gap: 10px; }

/* ---------- Pied de page ---------- */
.fem-pied { background: var(--bleu-fonce); color: #cfe3ec; padding-block: 44px 0; font-size: .95rem; }
.fem-pied-in { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.fem-pied h2 { color: var(--blanc); font-size: 1.1rem; margin-bottom: 10px; }
.fem-pied ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.fem-recre .fem-pied a { color: #e3f0f6; text-decoration: none; }
.fem-recre .fem-pied a:hover { color: var(--soleil); text-decoration: underline; }
.fem-pied-marque img { width: 150px; background: var(--blanc); border-radius: 14px; padding: 8px; margin-bottom: 12px; }
.fem-pied-marque p { margin: 0 0 10px; }
.fem-pied-bas { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; border-top: 1px solid rgba(255, 255, 255, .15); margin-top: 32px; padding-block: 16px; font-size: .88rem; }

/* ---------- Bandeau des pages intérieures ---------- */
.fem-bandeau { background: var(--ciel); padding-block: 34px; overflow: hidden; }
.fem-bandeau-in { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.fem-bandeau h1 { font-size: clamp(1.9rem, 4vw, 2.9rem); margin: 0; }
.fem-bandeau p { margin: 8px 0 0; color: var(--gris); max-width: 60ch; font-size: 1.08rem; }
.fem-bandeau-perso { width: 150px; margin: -10px 0 -40px; flex: none; }
.fem-bandeau.avec-perso { padding-bottom: 30px; }
.fem-bandeau-texte { min-width: 0; }

/* ---------- Fil d'Ariane ---------- */
.fem-ariane ol { list-style: none; padding: 0; margin: 0 0 14px; display: flex; flex-wrap: wrap; gap: 4px; font-size: .9rem; font-weight: 700; }
.fem-ariane li + li::before { content: "›"; margin-right: 4px; opacity: .6; }
.fem-ariane a { color: inherit; }

/* ---------- Page de classe ---------- */
.fem-niveau-entete { background: var(--c); color: var(--e); padding-block: 30px 40px; }
.fem-niveau-entete-in { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 30px; align-items: center; }
.fem-niveau-entete h1 { color: var(--e); font-size: clamp(1.9rem, 4vw, 2.8rem); }
.fem-niveau-entete .fem-ariane, .fem-recre .fem-niveau-entete a { color: var(--e); }
.fem-niveau-desc { max-width: 60ch; font-size: 1.08rem; }
.fem-niveau-entete .fem-liens-media { flex-direction: row; flex-wrap: wrap; gap: 10px 22px; }
.fem-niveau-couverture img { width: 240px; display: block; margin: 0 auto; filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .25)); transform: rotate(3deg); }
.fem-cartes-images { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fem-autres-niveaux { padding-block: 0 20px; }
.fem-autres-niveaux .fem-in { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-weight: 800; }
.fem-boutique-niveau { border-top: 1px solid var(--trait); padding-block: 40px; }
.fem-boutique-niveau-tete { display: flex; gap: 14px; align-items: center; margin-bottom: 20px; flex-wrap: wrap; }
.fem-boutique-niveau-tete h2 { margin: 0; flex: 1; font-size: clamp(1.5rem, 2.6vw, 2rem); }
.fem-boutique-niveau .fem-pastille-petite { background: var(--c); color: var(--e); }

/* ---------- Fiche produit ---------- */
.fem-produit { padding-block: 24px 40px; }
.fem-produit-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; margin-top: 8px; }
.fem-galerie-principale { background: var(--ciel); border-radius: 24px; padding: 24px; display: grid; place-items: center; }
.fem-galerie-principale img { max-height: 520px; width: auto; object-fit: contain; }
.fem-galerie-vignettes { list-style: none; padding: 0; margin: 12px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.fem-galerie-vignettes button { padding: 4px; background: var(--blanc); border: 2px solid var(--trait); border-radius: 12px; cursor: pointer; width: 76px; height: 76px; display: grid; place-items: center; }
.fem-galerie-vignettes button[aria-pressed="true"] { border-color: var(--bleu); }
.fem-galerie-vignettes img { max-height: 64px; width: auto; }
.fem-produit-infos h1 { font-size: clamp(2rem, 4vw, 2.8rem); margin-top: 12px; }
.fem-produit-infos .fem-pastille-petite { background: var(--c); color: var(--e); }
.fem-produit-prix { font: 800 2.4rem/1 var(--titre); margin: 0 0 10px; font-variant-numeric: tabular-nums; }
.fem-produit-prix small { font-size: 1rem; color: var(--gris); }
.fem-produit-contenu { font-weight: 800; font-size: 1.1rem; }
.fem-petit-titre { font-size: 1.15rem; margin: 18px 0 6px; }
.fem-livres-produit { font-size: 1rem; color: var(--encre); }
.fem-produit-achat { margin: 22px 0; padding: 18px; background: var(--creme); border-radius: 18px; }
.fem-produit-achat form.cart { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 0; }
.fem-produit-achat .quantity input.qty { width: 74px; height: 48px; border: 2px solid var(--trait); border-radius: 12px; font: 800 1.1rem var(--texte); text-align: center; }
.fem-recre .fem-produit-achat button.single_add_to_cart_button {
	background: var(--bleu); color: var(--blanc); border: 0; border-radius: 999px; padding: 14px 28px;
	font: 800 1.05rem/1 var(--texte); box-shadow: 0 4px 0 var(--bleu-fonce); cursor: pointer;
}
.fem-recre .fem-produit-achat button.single_add_to_cart_button:hover { background: var(--bleu-fonce); }
.fem-produit-description { margin-top: 40px; max-width: 78ch; }
.fem-produit-description h2 { font-size: 1.8rem; }

/* ---------- Texte courant ---------- */
.fem-texte { max-width: 78ch; }
.fem-texte h2 { font-size: 1.6rem; margin-top: 1.4em; }
.fem-texte h3 { font-size: 1.25rem; margin-top: 1.3em; }
.fem-texte p, .fem-texte li { line-height: 1.7; }
.fem-texte ul, .fem-texte ol { padding-left: 22px; }
.fem-texte-page img { border-radius: 14px; }

/* ---------- Écoles ---------- */
.fem-deroule { list-style: none; padding: 0; margin: 24px 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; counter-reset: deroule; }
.fem-deroule li { background: var(--blanc); border: 2px solid var(--trait); border-radius: var(--rayon); padding: 20px; position: relative; }
.fem-deroule li::before { counter-increment: deroule; content: counter(deroule); display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--soleil); font: 800 1.4rem/1 var(--titre); margin-bottom: 10px; }
.fem-deroule h3 { font-size: 1.2rem; }
.fem-deroule p { margin: 0; color: var(--gris); }
.fem-deux-colonnes { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.fem-encadre { background: var(--blanc); border: 2px solid var(--trait); border-radius: var(--rayon); padding: 22px; }
.fem-encadre + .fem-encadre { margin-top: 14px; }
.fem-encadre h3 { font-size: 1.2rem; }
.fem-encadre p:last-child { margin-bottom: 0; }
.fem-liste-niveaux { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.fem-liste-niveaux a { display: flex; align-items: center; gap: 12px; text-decoration: none; font-weight: 800; color: var(--encre); padding: 6px; border-radius: 12px; }
.fem-liste-niveaux a:hover { background: var(--ciel); }
.fem-liste-niveaux .fem-pastille-petite { background: var(--c); color: var(--e); }
.fem-prix-discret { margin-left: auto; color: var(--gris); font-weight: 700; font-size: .92rem; }

/* ---------- Contact ---------- */
.fem-contact { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.fem-formulaire p { margin: 0 0 16px; }
.fem-formulaire label { display: block; font-weight: 800; margin-bottom: 6px; }
.fem-recre .fem-formulaire input[type="text"], .fem-recre .fem-formulaire input[type="email"], .fem-recre .fem-formulaire select, .fem-recre .fem-formulaire textarea,
.fem-recre .fem-woo input.input-text, .fem-recre .fem-woo select, .fem-recre .fem-woo textarea,
.fem-recre .fem-formulaire-acf input[type="text"], .fem-recre .fem-formulaire-acf input[type="email"], .fem-recre .fem-formulaire-acf input[type="password"], .fem-recre .fem-formulaire-acf input[type="tel"], .fem-recre .fem-formulaire-acf select {
	width: 100%; border: 2px solid var(--trait); border-radius: 12px; padding: 11px 14px; font: 400 1rem var(--texte); color: var(--encre); background: var(--blanc);
}
.fem-recre .fem-formulaire input:focus, .fem-recre .fem-formulaire select:focus, .fem-recre .fem-formulaire textarea:focus,
.fem-recre .fem-woo input.input-text:focus, .fem-recre .fem-woo select:focus, .fem-recre .fem-woo textarea:focus { border-color: var(--bleu); outline: none; box-shadow: 0 0 0 3px var(--ciel-fonce); }
.fem-champs-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.fem-case { display: flex; gap: 10px; align-items: flex-start; }
.fem-case input { margin-top: 5px; width: 18px; height: 18px; flex: none; }
.fem-recre .fem-case label { font-weight: 400; margin: 0; }
.fem-piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.fem-message { padding: 14px 16px; border-radius: 14px; font-weight: 700; }
.fem-message-succes { background: #e3f5e9; color: var(--succes); }
.fem-message-erreur { background: #fde7e7; color: var(--danger); }
.fem-tel { font: 800 1.5rem/1.2 var(--titre); text-decoration: none; }

/* ---------- Inscriptions ---------- */
.fem-inscription { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 36px; align-items: start; }
.fem-inscription-intro .fem-encadre { position: sticky; top: 110px; background: var(--creme); border-color: #f1e3a4; }
.fem-inscription-intro h2 { font-size: 1.4rem; }
.fem-formulaire-acf .af-form, .fem-formulaire-acf .acf-form { font-family: var(--texte); }
.fem-formulaire-acf .acf-field { border: 0 !important; padding: 10px 0 !important; }
.fem-formulaire-acf .acf-label label { font-weight: 800; }
.fem-formulaire-acf .af-submit-button, .fem-formulaire-acf button[type="submit"], .fem-formulaire-acf input[type="submit"] {
	background: var(--bleu); color: var(--blanc); border: 0; border-radius: 999px; padding: 14px 28px; font: 800 1.05rem var(--texte); cursor: pointer; box-shadow: 0 4px 0 var(--bleu-fonce);
}
.fem-formulaire-acf h3, .fem-formulaire-acf .acf-field-message h3 { font-size: 1.3rem; margin-top: 12px; }
.fem-inscription-parent { max-width: 820px; }
.fem-deja { margin-top: 18px; font-weight: 700; }

/* ---------- Connexion ---------- */
.fem-connexion { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 36px; align-items: start; }
.fem-connexion-form { background: var(--blanc); border: 2px solid var(--trait); border-radius: 24px; padding: 28px; }
.fem-connexion-form h2, .fem-connexion-portes h2 { font-size: 1.6rem; }
.fem-connexion-form label { display: block; font-weight: 800; margin-bottom: 6px; }
.fem-recre .fem-connexion-form .woocommerce-form-login { border: 0; padding: 0; margin: 0; }
.fem-connexion-bas { display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; align-items: center; }
.fem-recre .fem-connexion-bas label { display: inline-flex; gap: 8px; align-items: center; font-weight: 700; margin: 0; }
.fem-porte { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 18px; align-items: center; border-radius: 22px; padding: 20px; margin-bottom: 14px; }
.fem-porte img { width: 100px; }
.fem-porte h3 { font-size: 1.3rem; margin-bottom: 4px; }
.fem-porte p { margin: 0 0 12px; }
.fem-porte-parent { background: var(--ciel); }
.fem-porte-ecole { background: var(--creme); }

/* ---------- Étapes de commande ---------- */
.fem-etapes-commande { border-bottom: 1px solid var(--trait); }
.fem-etapes-commande ol { list-style: none; margin: 0 auto; padding-block: 14px; display: flex; gap: 8px 28px; flex-wrap: wrap; font-weight: 800; color: var(--gris); }
.fem-etapes-commande li { display: flex; align-items: center; gap: 8px; }
.fem-etape-num { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--trait); color: var(--encre); font-size: .9rem; }
.fem-etapes-commande li.actuelle { color: var(--bleu); }
.fem-etapes-commande li.actuelle .fem-etape-num { background: var(--bleu); color: var(--blanc); }
.fem-etapes-commande li.fait .fem-etape-num { background: var(--soleil); }

/* ---------- WooCommerce : panier, commande, compte ---------- */
.fem-woo { font-size: 1rem; }
.fem-recre .fem-woo .woocommerce-message, .fem-recre .fem-woo .woocommerce-info, .fem-recre .fem-woo .woocommerce-error,
.fem-recre .woocommerce-notices-wrapper .woocommerce-message, .fem-recre .woocommerce-notices-wrapper .woocommerce-error, .fem-recre .woocommerce-notices-wrapper .woocommerce-info {
	border: 0; border-radius: 14px; background: var(--ciel); color: var(--encre); padding: 14px 18px 14px 48px; margin: 0 0 18px; list-style: none;
}
.fem-recre .woocommerce-error { background: #fde7e7 !important; color: var(--danger) !important; }
.fem-recre .woocommerce-message::before, .fem-recre .woocommerce-info::before, .fem-recre .woocommerce-error::before { color: var(--bleu); top: 14px; left: 18px; }
.fem-recre .fem-woo table.shop_table { border: 2px solid var(--trait); border-radius: 18px; border-collapse: separate; overflow: hidden; width: 100%; }
.fem-recre .fem-woo table.shop_table th { font-family: var(--titre); color: var(--bleu); font-size: 1.05rem; background: var(--ciel); }
.fem-recre .fem-woo table.shop_table td, .fem-recre .fem-woo table.shop_table th { padding: 14px 16px; border-color: var(--trait); }
.fem-recre .fem-woo table.cart img { width: 64px; border-radius: 8px; }
.fem-recre .fem-woo .cart_totals h2, .fem-recre .fem-woo h3, .fem-recre .fem-woo h2 { font-size: 1.5rem; }
.fem-recre .fem-woo a.checkout-button, .fem-recre .fem-woo button.button, .fem-recre .fem-woo a.button, .fem-recre .fem-woo input.button, .fem-recre .fem-woo #place_order {
	background: var(--bleu); color: var(--blanc); border: 0; border-radius: 999px; padding: 12px 22px;
	font: 800 1rem/1.2 var(--texte); box-shadow: 0 4px 0 var(--bleu-fonce); text-decoration: none; cursor: pointer;
}
.fem-recre .fem-woo a.checkout-button, .fem-recre .fem-woo #place_order { padding: 16px 26px; font-size: 1.1rem; width: 100%; }
.fem-recre .fem-woo button.button:disabled, .fem-recre .fem-woo button.button[disabled] { opacity: .5; cursor: not-allowed; }
.fem-recre .fem-woo .quantity input.qty { width: 70px; height: 42px; border: 2px solid var(--trait); border-radius: 10px; text-align: center; font-weight: 800; }
.fem-recre .fem-woo a.remove { color: var(--rouge) !important; border-radius: 50%; }
.fem-recre .fem-woo a.remove:hover { background: var(--rouge); color: var(--blanc) !important; }
.fem-recre .fem-woo .form-row label { font-weight: 800; }
.fem-recre .fem-woo form .form-row { margin-bottom: 14px; }
.fem-recre .fem-commande #payment, .fem-recre .fem-commande .wcf-embed-checkout-form #payment { background: var(--creme); border-radius: 18px; }
.fem-recre .fem-commande #payment div.payment_box { background: var(--blanc); border-radius: 12px; }
.fem-recre .fem-commande #payment div.payment_box::before { border-bottom-color: var(--blanc); }
.fem-recre .fem-commande h3, .fem-recre .fem-commande .wcf-embed-checkout-form h3 { font-family: var(--titre); color: var(--bleu); font-size: 1.5rem; }

/* Mon compte : navigation en tuiles */
.fem-recre .fem-compte-zone .woocommerce { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 32px; align-items: start; }
.fem-recre .fem-compte-zone .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.fem-recre .fem-compte-zone .woocommerce:has(.fem-connexion) { display: block; }
.fem-recre .fem-compte-zone .woocommerce-MyAccount-navigation, .fem-recre .fem-compte-zone .woocommerce-MyAccount-content { float: none; width: auto; }
.fem-recre .woocommerce-MyAccount-navigation { background: var(--ciel); border-radius: 22px; padding: 14px; }
.fem-recre .woocommerce-MyAccount-navigation .menu-element { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: 14px; margin: 0; }
.fem-recre .woocommerce-MyAccount-navigation .menu-element:hover { background: var(--blanc); }
.fem-recre .woocommerce-MyAccount-navigation .elementor-icon { width: 42px; height: 42px; font-size: 18px; display: grid; place-items: center; border-radius: 50%; background: var(--blanc); color: var(--bleu); border: 0; }
.fem-recre .woocommerce-MyAccount-navigation .menu-element__icon.is-active .elementor-icon { background: var(--bleu); color: var(--blanc); }
.fem-recre .woocommerce-MyAccount-navigation .menu-element__title { font-family: var(--titre); font-size: 1.05rem; margin: 0; }
.fem-recre .woocommerce-MyAccount-navigation .menu-element__title a { text-decoration: none; color: var(--bleu); }
.fem-recre .woocommerce-MyAccount-navigation .menu-element__description { margin: 0; font-size: .86rem; color: var(--gris); line-height: 1.35; }
.fem-recre .woocommerce-MyAccount-navigation__title { font-size: 1.05rem; color: var(--encre); padding: 8px 10px 0; }
.fem-recre .woocommerce-MyAccount-content .account-heading h2 { font-size: 1.7rem; }

/* ---------- 404 ---------- */
.fem-introuvable-in { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 36px; align-items: center; }
.fem-introuvable h1 { font-size: clamp(1.9rem, 4vw, 2.8rem); }

/* ---------- Mobile ---------- */
@media (max-width: 1080px) {
	.fem-cartes-images { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fem-etapes, .fem-deroule { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fem-pied-in { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 920px) {
	.fem-burger {
		display: inline-grid; place-items: center; margin-left: auto; width: 48px; height: 48px; border-radius: 14px;
		border: 2px solid var(--trait); background: var(--blanc); cursor: pointer;
	}
	.fem-burger-barres, .fem-burger-barres::before, .fem-burger-barres::after {
		display: block; width: 22px; height: 3px; border-radius: 3px; background: var(--encre); position: relative; content: "";
	}
	.fem-burger-barres::before { position: absolute; top: -7px; }
	.fem-burger-barres::after { position: absolute; top: 7px; }
	.fem-nav {
		display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--blanc);
		flex-direction: column; align-items: stretch; gap: 10px; padding: 12px max(16px, env(safe-area-inset-right, 0px)) 20px max(16px, env(safe-area-inset-left, 0px));
		border-bottom: 4px solid var(--soleil); box-shadow: 0 20px 30px rgba(0, 40, 60, .12); max-height: calc(100vh - 120px); overflow-y: auto;
	}
	.fem-entete.menu-ouvert .fem-nav { display: flex; }
	.fem-entete-in { position: relative; min-height: 66px; }
	.fem-logo img { width: 130px; }
	.fem-nav-liste { flex-direction: column; }
	.fem-nav-lien { width: 100%; justify-content: space-between; padding: 14px 12px; font-size: 1.05rem; }
	.fem-sous { position: static; box-shadow: none; border: 0; padding: 0 0 0 8px; min-width: 0; }
	.fem-actions { flex-direction: column; align-items: stretch; }
	.fem-actions .fem-bouton { padding: 13px 16px; }
	.fem-hero-in, .fem-panneau, .fem-pourquoi-in, .fem-produit-grille, .fem-niveau-entete-in, .fem-deux-colonnes,
	.fem-contact, .fem-inscription, .fem-connexion, .fem-introuvable-in { grid-template-columns: minmax(0, 1fr); }
	.fem-hero-texte { padding-bottom: 8px; }
	.fem-duo { min-height: 300px; }
	.fem-ecoles-appel-in { grid-template-columns: 90px minmax(0, 1fr); }
	.fem-ecoles-appel img { width: 90px; }
	.fem-ecoles-appel-actions { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; }
	.fem-pourquoi-in img, .fem-introuvable-in img { width: 160px; }
	.fem-niveau-couverture { order: -1; }
	.fem-niveau-couverture img { width: 170px; }
	.fem-inscription-intro .fem-encadre { position: static; }
	.fem-recre .fem-compte-zone .woocommerce { grid-template-columns: minmax(0, 1fr); }
	.fem-bandeau-perso { width: 100px; margin-bottom: -30px; }
	.admin-bar .fem-entete { top: 0; }
}
@media (max-width: 600px) {
	body.fem-recre { font-size: 1rem; }
	.fem-cartes-images, .fem-panneau .fem-cartes, .fem-etapes, .fem-deroule, .fem-pied-in, .fem-champs-2 { grid-template-columns: minmax(0, 1fr); }
	.fem-pastille, .fem-recre a.fem-pastille { width: 62px; height: 62px; font-size: 1.1rem; border-width: 3px; }
	.fem-pastilles { gap: 8px; }
	.fem-bulle { font-size: .8rem; max-width: 150px; padding: 8px 10px; }
	.fem-section, .fem-niveaux, .fem-methode, .fem-pourquoi { padding-block: 40px; }
	.fem-bandeau-haut .fem-in span:first-child { display: none; }
	.fem-bandeau-perso { display: none; }
	.fem-porte { grid-template-columns: 70px minmax(0, 1fr); }
	.fem-porte img { width: 70px; }
	.fem-recre .fem-woo table.shop_table_responsive tr td { padding: 10px 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.fem-recre *, .fem-recre *::before, .fem-recre *::after { transition: none !important; animation: none !important; }
}

/* Neutralise l'ancien habillage « non connecté » (texte blanc sur fond bleu Elementor). */
.fem-recre.mon-compte-not-logged-in .woocommerce,
.fem-recre.mon-compte-not-logged-in .woocommerce-ResetPassword { color: var(--encre); width: auto; padding: 0; }
.fem-recre .woocommerce-ResetPassword { max-width: 560px; }

/* ---------- Commande : code école + deux colonnes ---------- */
.fem-code-ecole {
	display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 20px; align-items: start;
	background: var(--creme); border: 2px solid #f1e3a4; border-radius: 22px; padding: 22px; margin-bottom: 28px;
}
.fem-code-ecole img { width: 110px; }
.fem-code-ecole h2 { font-size: 1.35rem; margin-bottom: 6px; }
.fem-code-ecole p { margin: 0 0 12px; max-width: 70ch; }
.fem-recre .fem-code-ecole .redeem-coupon form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.fem-recre .fem-code-ecole .redeem-coupon input[type="text"] {
	flex: 1 1 220px; min-width: 0; border: 2px solid var(--trait); border-radius: 12px; padding: 11px 14px; font: 800 1rem var(--texte); text-transform: uppercase; background: var(--blanc);
}
.fem-recre .fem-code-ecole .redeem-coupon .redeem-coupon_button {
	background: var(--bleu); color: var(--blanc); border: 0; border-radius: 999px; padding: 12px 20px; font: 800 .98rem var(--texte); cursor: pointer; box-shadow: 0 4px 0 var(--bleu-fonce);
}
.fem-recre .fem-code-ecole .redeem-coupon .redeem-coupon_button.remove { background: var(--blanc); color: var(--bleu); box-shadow: inset 0 0 0 2px var(--bleu); }
.fem-recre .fem-code-ecole .redeem-coupon_error-message, .fem-recre .fem-code-ecole .redeem-coupon_success-message { flex-basis: 100%; border-radius: 12px; padding: 10px 14px; margin: 0; }

.fem-recre .fem-commande form.checkout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0 36px; align-items: start; }
.fem-recre .fem-commande form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
.fem-recre .fem-commande form.checkout #customer_details { grid-column: 1; width: auto; float: none; }
.fem-recre .fem-commande form.checkout #customer_details .col-1, .fem-recre .fem-commande form.checkout #customer_details .col-2 { width: 100%; float: none; }
.fem-recre .fem-commande form.checkout .wcf-order-wrap, .fem-recre .fem-commande form.checkout #order_review_heading, .fem-recre .fem-commande form.checkout #order_review { grid-column: 2; }
.fem-recre .fem-commande form.checkout .wcf-order-wrap { grid-row: 1 / span 3; position: sticky; top: 110px; }
.fem-recre .fem-commande .wcf-product-image { display: flex; align-items: center; gap: 12px; }
.fem-recre .fem-commande .wcf-product-thumbnail img { width: 56px !important; height: auto; border-radius: 8px; max-width: 56px; }
.fem-recre .fem-commande .woocommerce-checkout-review-order-table td.product-total, .fem-recre .fem-commande .woocommerce-checkout-review-order-table tfoot td { text-align: right; font-variant-numeric: tabular-nums; }
.fem-recre .fem-commande .woocommerce-checkout-review-order-table .order-total td { font: 800 1.3rem/1 var(--titre); }
.fem-recre .fem-commande .fields-enfant { border-radius: 16px; }
.fem-recre .fem-commande .woocommerce-billing-fields h3, .fem-recre .fem-commande #order_review_heading { margin-top: 0; }
.fem-recre .fem-commande .woocommerce-terms-and-conditions-checkbox-text { font-weight: 700; }
@media (max-width: 920px) {
	.fem-recre .fem-commande form.checkout { grid-template-columns: minmax(0, 1fr); }
	.fem-recre .fem-commande form.checkout .wcf-order-wrap, .fem-recre .fem-commande form.checkout #order_review_heading, .fem-recre .fem-commande form.checkout #order_review { grid-column: 1; grid-row: auto; position: static; }
	.fem-code-ecole { grid-template-columns: 70px minmax(0, 1fr); padding: 16px; }
	.fem-code-ecole img { width: 70px; }
}
.fem-recre .fem-commande .woocommerce-billing-fields__field-wrapper,
.fem-recre .fem-commande .woocommerce-account-fields .create-account { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 16px; }
.fem-recre .fem-commande .woocommerce-billing-fields__field-wrapper > *,
.fem-recre .fem-commande .create-account > * { grid-column: 1 / -1; width: auto !important; float: none !important; }
.fem-recre .fem-commande .woocommerce-billing-fields__field-wrapper > .form-row-first { grid-column: 1; }
.fem-recre .fem-commande .woocommerce-billing-fields__field-wrapper > .form-row-last { grid-column: 2; }
.fem-recre .fem-commande .form-row input.input-text, .fem-recre .fem-commande .form-row select,
.fem-recre .fem-commande .woocommerce-input-wrapper, .fem-recre .fem-commande .password-input { width: 100% !important; max-width: none !important; }
.fem-recre .fem-commande .fields-enfant .form-row { width: auto !important; }
.fem-recre .fem-code-ecole .redeem-coupon .redeem-coupon_button { white-space: normal; text-align: center; }
@media (max-width: 600px) {
	.fem-recre .fem-code-ecole .redeem-coupon .redeem-coupon_button { width: 100%; }
	.fem-code-ecole { grid-template-columns: minmax(0, 1fr); }
	.fem-code-ecole img { display: none; }
	.fem-recre .fem-commande .woocommerce-billing-fields__field-wrapper > .form-row-first,
	.fem-recre .fem-commande .woocommerce-billing-fields__field-wrapper > .form-row-last { grid-column: 1 / -1; }
}

/* Mon compte : navigation à gauche, contenu à droite ; les intertitres d'origine sont portés par le bandeau. */
.fem-recre .fem-compte-zone .woocommerce-MyAccount-navigation { grid-column: 1; grid-row: 1; }
.fem-recre .fem-compte-zone .woocommerce-MyAccount-content { grid-column: 2; grid-row: 1; }
.fem-recre .fem-compte-zone .account-heading { display: none; }
@media (max-width: 920px) {
	.fem-recre .fem-compte-zone .woocommerce-MyAccount-navigation, .fem-recre .fem-compte-zone .woocommerce-MyAccount-content { grid-column: 1; grid-row: auto; }
}
/* Remerciement */
.fem-recre .fem-commande .woocommerce-order { max-width: 860px; }
.fem-recre .fem-commande .woocommerce-thankyou-order-received { font: 800 1.4rem/1.3 var(--titre); color: var(--succes); }
.fem-recre .fem-commande ul.woocommerce-order-overview { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0 0 24px; list-style: none; }
.fem-recre .fem-commande ul.woocommerce-order-overview li { background: var(--ciel); border-radius: 14px; padding: 12px 16px; border: 0; margin: 0; font-size: .85rem; text-transform: uppercase; letter-spacing: .03em; }
.fem-recre .fem-commande ul.woocommerce-order-overview li strong { display: block; font-size: 1.05rem; text-transform: none; letter-spacing: 0; color: var(--encre); }
.fem-recre .fem-commande .woocommerce-customer-details address { border: 2px solid var(--trait); border-radius: 16px; padding: 14px 18px; font-style: normal; }
.fem-apres-commande { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 20px; align-items: center; background: var(--creme); border-radius: 22px; padding: 22px; margin-top: 30px; max-width: 860px; }
.fem-apres-commande img { width: 120px; }
.fem-apres-commande h2 { font-size: 1.4rem; }
.fem-apres-commande p { margin: 0 0 12px; }
@media (max-width: 600px) { .fem-apres-commande { grid-template-columns: minmax(0, 1fr); } .fem-apres-commande img { display: none; } }

/* Boutons de l'en-tête protégés des styles globaux d'Elementor (pages de l'espace école). */
.fem-recre .fem-entete button.fem-nav-lien { background: transparent; color: var(--encre); border: 0; box-shadow: none; font: 800 1rem/1 var(--texte); padding: 10px 12px; border-radius: 12px; text-transform: none; letter-spacing: 0; }
.fem-recre .fem-entete button.fem-nav-lien:hover, .fem-recre .fem-entete button.fem-nav-lien[aria-expanded="true"] { background: var(--ciel); color: var(--bleu); }
.fem-recre .fem-entete button.fem-burger { background: var(--blanc); color: var(--encre); padding: 0; }

.fem-recre .woocommerce-MyAccount-navigation .menu-element__description { font-family: var(--texte); }
.fem-recre .woocommerce-MyAccount-navigation .menu-element__title { font-family: var(--titre); font-weight: 800; }