/* ==========================================================================
   FRANCO-ALGÉRIENNE — main.css
   Fondations : tokens, reset, typographie de base, utilitaires.
   Le CSS spécifique à chaque section/page est ajouté par phase (header, home…).
   Préfixe de scope : .fa-  (jamais de wrapper unique — chaque section porte la classe)
   ========================================================================== */

/* ---------- 1. TOKENS ---------- */
:root {
	/* Palette validée */
	--fa-terracotta:   #B5683C;
	--fa-terracotta-d: #9A5530; /* hover / texte sur crème (meilleur contraste) */
	--fa-olive:        #5A6B4F;
	--fa-olive-d:      #46553D;
	--fa-cream:        #F5EFE6; /* fond principal */
	--fa-cream-2:      #EFE7DA; /* cartes / surfaces légèrement creusées */
	--fa-bronze:       #A87C4F; /* accent (le « & »), filets, puces */
	--fa-ink:          #2A2520; /* texte principal (noir chaud) */
	--fa-ink-soft:     #6B6157; /* texte secondaire / légendes */
	--fa-line:         #E1D7C7; /* filets discrets */
	--fa-white:        #FFFFFF;

	/* Typographie */
	--fa-serif:  "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--fa-script: "Parisienne", "Brush Script MT", cursive;
	--fa-sans:   "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* Échelle fluide */
	--fa-h1: clamp(2.6rem, 1.6rem + 4vw, 5rem);
	--fa-h2: clamp(2rem, 1.4rem + 2.4vw, 3.2rem);
	--fa-h3: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);
	--fa-lead: clamp(1.05rem, 0.98rem + 0.4vw, 1.25rem);
	--fa-body: 1rem;
	--fa-small: 0.85rem;

	/* Rythme 8pt */
	--fa-s1: 0.5rem;
	--fa-s2: 1rem;
	--fa-s3: 1.5rem;
	--fa-s4: 2rem;
	--fa-s5: 3rem;
	--fa-s6: 4.5rem;
	--fa-s7: 6.5rem;

	/* Layout */
	--fa-container: 1200px;
	--fa-container-narrow: 760px; /* corps d'article : mesure de lecture confortable */
	--fa-radius: 14px;
	--fa-radius-lg: 24px;
	--fa-radius-pill: 999px;
	--fa-shadow: 0 14px 40px -18px rgba(42, 37, 32, 0.32);
	--fa-shadow-sm: 0 6px 18px -10px rgba(42, 37, 32, 0.28);
	--fa-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ---------- 2. RESET ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}
body.franco-algerienne,
body {
	margin: 0;
	background: var(--fa-cream);
	color: var(--fa-ink);
	font-family: var(--fa-sans);
	font-size: var(--fa-body);
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--fa-terracotta-d); text-decoration: none; transition: color 0.25s var(--fa-ease); }
a:hover { color: var(--fa-terracotta); }

/* ---------- 3. TYPOGRAPHIE DE BASE ---------- */
.fa-scope h1, .fa-scope h2, .fa-scope h3,
.fa-h1, .fa-h2, .fa-h3 {
	font-family: var(--fa-serif);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -0.01em;
	color: var(--fa-ink);
	margin: 0 0 var(--fa-s3);
}
.fa-h1 { font-size: var(--fa-h1); font-weight: 500; }
.fa-h2 { font-size: var(--fa-h2); }
.fa-h3 { font-size: var(--fa-h3); }

/* Script — usage parcimonieux (taglines, accents) */
.fa-script {
	font-family: var(--fa-script);
	font-weight: 400;
	color: var(--fa-bronze);
	line-height: 1.2;
}

/* Eyebrow : sans en capitales espacées (« LE BLOG DES FRANCO-ALGÉRIENS ») */
.fa-eyebrow {
	font-family: var(--fa-sans);
	font-weight: 600;
	font-size: var(--fa-small);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--fa-olive);
}

.fa-lead { font-size: var(--fa-lead); color: var(--fa-ink-soft); }

/* ---------- 4. LAYOUT ---------- */
.fa-container { width: 100%; max-width: var(--fa-container); margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2rem); }
.fa-container--narrow { max-width: var(--fa-container-narrow); }
.fa-section { padding-block: var(--fa-s7); }
.fa-section--tight { padding-block: var(--fa-s6); }

/* ---------- 5. BOUTONS ---------- */
.fa-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6em;
	font-family: var(--fa-sans);
	font-weight: 600;
	font-size: 0.82rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1;
	padding: 1.05em 2.1em;
	border: 1px solid transparent;
	border-radius: var(--fa-radius-pill);
	cursor: pointer;
	transition: transform 0.25s var(--fa-ease), background 0.25s var(--fa-ease), color 0.25s var(--fa-ease), border-color 0.25s var(--fa-ease);
}
.fa-btn:hover { transform: translateY(-2px); }
.fa-btn--primary { background: var(--fa-olive); color: var(--fa-white); }
.fa-btn--primary:hover { background: var(--fa-olive-d); color: var(--fa-white); }
.fa-btn--terra { background: var(--fa-terracotta); color: var(--fa-white); }
.fa-btn--terra:hover { background: var(--fa-terracotta-d); color: var(--fa-white); }
.fa-btn--ghost { background: transparent; color: var(--fa-ink); border-color: var(--fa-bronze); }
.fa-btn--ghost:hover { background: var(--fa-bronze); color: var(--fa-white); }

/* ---------- 6. ACCESSIBILITÉ ---------- */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--fa-terracotta);
	outline-offset: 3px;
	border-radius: 4px;
}
.fa-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;
}

/* ---------- 7. UTILITAIRES ---------- */
.fa-center { text-align: center; }
.fa-divider { width: 64px; height: 2px; background: var(--fa-bronze); border: 0; margin: var(--fa-s3) 0; }
.fa-center .fa-divider { margin-inline: auto; }


/* ==========================================================================
   8. ICÔNES (mask-image — survivent au strip SVG des widgets HTML WP)
   ========================================================================== */
.fa-ico{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;flex-shrink:0}

/* ==========================================================================
   9. HEADER (.fa-hd) — logo + nav + CTA, burger mobile
   ========================================================================== */
.fa-hd-wrap { width: 100%; }

.fa-hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--fa-s4);
	width: 100%;
	padding-block: 0.6rem;
}

/* Marque */
.fa-hd__brand { display: inline-flex; align-items: center; gap: 0.7rem; }
.fa-hd__logo { width: 46px; height: 46px; }
.fa-hd__name {
	display: flex; flex-direction: column; line-height: 1;
	font-family: var(--fa-serif); font-weight: 600;
	font-size: 1.5rem; letter-spacing: 0.01em; color: var(--fa-ink);
}
.fa-hd__name .fa-hd__tag {
	font-family: var(--fa-sans); font-weight: 600;
	font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase;
	color: var(--fa-olive); margin-top: 0.32rem;
}

/* Navigation desktop */
.fa-hd__nav { display: flex; align-items: center; gap: clamp(1rem, 2.4vw, 2.2rem); }
.fa-hd__nav a {
	font-family: var(--fa-sans); font-weight: 500; font-size: 0.92rem;
	color: var(--fa-ink); position: relative; padding-block: 0.4rem;
}
.fa-hd__nav a::after {
	content: ""; position: absolute; left: 0; bottom: 0;
	width: 0; height: 2px; background: var(--fa-terracotta);
	transition: width 0.28s var(--fa-ease);
}
.fa-hd__nav a:hover { color: var(--fa-terracotta-d); }
.fa-hd__nav a:hover::after { width: 100%; }

.fa-hd__actions { display: flex; align-items: center; gap: 0.8rem; }
.fa-hd__cta { padding: 0.85em 1.6em; font-size: 0.74rem; }

/* Burger (caché desktop) — <button> piloté par le JS du thème.
   !important : neutralise le style bouton global de Kadence. */
.fa-hd__burger {
	display: none; align-items: center; justify-content: center;
	width: 44px; height: 44px; padding: 0 !important;
	border: 0 !important; background: transparent !important; box-shadow: none !important;
	color: var(--fa-ink) !important; cursor: pointer; font-size: 1.6rem;
}
.fa-hd__burger:hover { background: transparent !important; }
.fa-hd__burger .fa-ico--close { display: none; }

/* Panneau mobile (caché par défaut) */
.fa-mnav {
	display: none; flex-direction: column; gap: 0.25rem;
	padding: var(--fa-s2) 0 var(--fa-s3);
	border-top: 1px solid var(--fa-line);
}
.fa-mnav a:not(.fa-btn) {
	font-family: var(--fa-sans); font-weight: 500; font-size: 1.05rem;
	color: var(--fa-ink); padding: 0.7rem 0.2rem;
	border-bottom: 1px solid var(--fa-line);
}
.fa-mnav a:not(.fa-btn):hover { color: var(--fa-terracotta-d); }
.fa-mnav__cta {
	margin-top: var(--fa-s3); width: 100%;
	color: var(--fa-white) !important; border-bottom: 0 !important;
	text-align: center; line-height: 1.2; white-space: normal;
}
.fa-mnav__social { display: flex; gap: 1rem; margin-top: var(--fa-s3); }
.fa-mnav__social a { font-size: 1.35rem; color: var(--fa-olive); padding: 0; border: 0; }

/* Hairline bas de header */
.fa-hd-wrap { border-bottom: 1px solid var(--fa-line); }

/* ==========================================================================
   10. FOOTER (.fa-ft) — bloc olive « Rejoins la communauté »
   ========================================================================== */
.fa-ft { width: 100vw; margin-inline: calc(50% - 50vw); background: var(--fa-olive); color: #EDEAE0; }
.fa-ft a { color: #EDEAE0; }
.fa-ft a:hover { color: #FFFFFF; }

.fa-ft__inner {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
	gap: var(--fa-s5) var(--fa-s4);
	padding-block: var(--fa-s7) var(--fa-s5);
}
.fa-ft__logo { width: 54px; height: 54px; margin-bottom: var(--fa-s2); }
.fa-ft__script { font-family: var(--fa-script); font-size: 2.1rem; color: #F3D9A6; line-height: 1.1; margin: 0 0 var(--fa-s2); }
.fa-ft__brand p { color: #D8D3C6; font-size: 0.95rem; max-width: 34ch; }
.fa-ft__social { display: flex; gap: 0.9rem; margin-top: var(--fa-s3); }
.fa-ft__social a { font-size: 1.3rem; color: #EDEAE0; }
.fa-ft__social a:hover { color: #F3D9A6; }

.fa-ft__col h3 {
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.78rem;
	letter-spacing: 0.18em; text-transform: uppercase; color: #C7CEBC;
	margin: 0 0 var(--fa-s3);
}
.fa-ft__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.7rem; }
.fa-ft__col a { font-size: 0.95rem; }

/* Newsletter */
.fa-news label { display: block; font-size: 0.95rem; color: #D8D3C6; margin-bottom: var(--fa-s2); }
.fa-news__row { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.fa-news input[type="email"] {
	flex: 1 1 180px; min-width: 0;
	padding: 0.9em 1em; border: 1px solid rgba(255,255,255,0.25);
	border-radius: var(--fa-radius-pill); background: rgba(255,255,255,0.08);
	color: #FFF; font-family: var(--fa-sans); font-size: 0.92rem;
}
.fa-news input::placeholder { color: rgba(255,255,255,0.6); }
.fa-news input:focus { outline: 2px solid #F3D9A6; outline-offset: 2px; }
.fa-news button { white-space: nowrap; }
.fa-news__note { font-size: 0.78rem; color: #B9C0AD; margin-top: 0.7rem; }
.fa-news__msg { font-size: 0.85rem; color: #F3D9A6; margin-top: 0.7rem; min-height: 1em; }

.fa-ft__bottom {
	border-top: 1px solid rgba(255,255,255,0.14);
	padding-block: var(--fa-s3);
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
	gap: var(--fa-s2);
	font-size: 0.82rem; color: #C7CEBC;
}
.fa-ft__bottom nav { display: flex; flex-wrap: wrap; gap: var(--fa-s3); }

/* ==========================================================================
   11. OVERRIDES KADENCE — laisser nos sections gérer le plein écran
   (le builder enferme les widgets dans un conteneur max-width)
   ========================================================================== */
.site-header-row-container-inner:has(.fa-hd-wrap),
.site-header-row-container-inner:has(.fa-mnav) {
	max-inline-size: none !important;
}
.footer-row-section-1:has(.fa-ft),
.site-footer-row-container-inner:has(.fa-ft),
.footer-widget-area:has(.fa-ft),
.footer-widget-area-inner:has(.fa-ft) {
	max-inline-size: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* ==========================================================================
   12. RESPONSIVE HEADER / FOOTER
   ========================================================================== */
@media (max-width: 980px) {
	/* Neutralise la chaîne de conteneurs Kadence pour coller logo↔burger aux bords */
	.site-header :has(> .fa-hd-wrap),
	.site-header-row-container-inner:has(.fa-hd-wrap) {
		max-inline-size: none !important;
		padding-inline: 0 !important; margin-inline: 0 !important;
	}
	.fa-hd { padding-inline: clamp(1rem, 4vw, 1.5rem); }
	.fa-hd__nav, .fa-hd__cta { display: none; }
	.fa-hd__burger { display: inline-flex; }
	.fa-hd__name { font-size: 1.3rem; }

	.fa-hd-wrap.is-open .fa-mnav { display: flex; }
	.fa-hd-wrap.is-open .fa-hd__burger .fa-ico--menu { display: none; }
	.fa-hd-wrap.is-open .fa-hd__burger .fa-ico--close { display: inline-block; }
	.fa-mnav { padding-inline: clamp(1rem, 4vw, 1.5rem); }
}

@media (max-width: 900px) {
	.fa-ft__inner { grid-template-columns: 1fr 1fr; }
	.fa-ft__brand, .fa-news { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.fa-ft__inner { grid-template-columns: 1fr; gap: var(--fa-s4); }
	.fa-ft__bottom { flex-direction: column; align-items: flex-start; }
}



/* ==========================================================================
   14. HOME — HERO
   ========================================================================== */
.fa-hero { background: var(--fa-cream); overflow: hidden; }
.fa-hero__grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	align-items: center;
	gap: clamp(2rem, 5vw, 4.5rem);
	padding-block: var(--fa-s7);
}
.fa-hero__welcome {
	font-family: var(--fa-script); font-size: 1.7rem; color: var(--fa-bronze);
	margin: 0 0 var(--fa-s2);
}
.fa-hero h1 {
	font-family: var(--fa-serif); font-weight: 500; font-size: var(--fa-h1);
	line-height: 1.04; letter-spacing: -0.015em; margin: 0 0 var(--fa-s3); color: var(--fa-ink);
}
.fa-hero h1 em { font-style: italic; color: var(--fa-terracotta-d); }
.fa-hero__sub { font-family: var(--fa-script); font-size: 1.6rem; color: var(--fa-olive); margin: 0 0 var(--fa-s3); }
.fa-hero__lead { max-width: 46ch; margin: 0 0 var(--fa-s4); }
.fa-hero__cta { display: flex; flex-wrap: wrap; gap: 0.9rem; }

/* Visuel hero — panneau dégradé gracieux même sans photo (zéro CLS) */
.fa-hero__media {
	position: relative; border-radius: var(--fa-radius-lg);
	aspect-ratio: 4 / 5; overflow: hidden;
	background: linear-gradient(150deg, var(--fa-terracotta) 0%, var(--fa-bronze) 45%, var(--fa-olive) 100%);
	box-shadow: var(--fa-shadow);
}
.fa-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.fa-hero__seal {
	position: absolute; right: 18px; bottom: 18px;
	width: 84px; height: 84px; border-radius: 50%;
	background: rgba(245,239,230,0.92); display: grid; place-items: center;
	font-family: var(--fa-script); font-size: 0.95rem; color: var(--fa-olive); text-align: center; line-height: 1.1;
}

/* ==========================================================================
   15. HOME — 3 DESTINATIONS
   ========================================================================== */
.fa-dest { background: var(--fa-cream-2); }
.fa-dest__head { text-align: center; margin-bottom: var(--fa-s5); }
.fa-dest__head .fa-script { font-size: 2rem; }
.fa-dest__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--fa-s4); }
.fa-dest__card { text-align: center; padding: var(--fa-s4) var(--fa-s3); display: block; }
.fa-dest__ico {
	width: 64px; height: 64px; margin: 0 auto var(--fa-s3);
	border-radius: 50%; border: 1px solid var(--fa-bronze);
	display: grid; place-items: center; color: var(--fa-bronze);
	transition: background 0.3s var(--fa-ease), color 0.3s var(--fa-ease);
}
.fa-dest__ico .fa-ico { font-size: 1.6rem; }
.fa-dest__card:hover .fa-dest__ico { background: var(--fa-bronze); color: var(--fa-white); }
.fa-dest__card h3 {
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.95rem;
	letter-spacing: 0.16em; text-transform: uppercase; color: var(--fa-olive); margin: 0 0 var(--fa-s1);
}
.fa-dest__card p { color: var(--fa-ink-soft); font-size: 0.95rem; margin: 0; }

/* ==========================================================================
   16. HOME — INTRO NAIMA + VALEURS
   ========================================================================== */
.fa-intro__grid {
	display: grid; grid-template-columns: 0.85fr 1.15fr;
	gap: clamp(2rem, 5vw, 4rem); align-items: center;
}
.fa-intro__media {
	border-radius: var(--fa-radius-lg); aspect-ratio: 1 / 1; overflow: hidden;
	background: linear-gradient(140deg, var(--fa-olive), var(--fa-bronze));
	box-shadow: var(--fa-shadow);
}
.fa-intro__media img { width: 100%; height: 100%; object-fit: cover; }
.fa-intro h2 { font-size: var(--fa-h2); }
.fa-intro__lead { font-size: var(--fa-lead); color: var(--fa-ink-soft); margin-bottom: var(--fa-s4); }
.fa-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--fa-s3); margin-top: var(--fa-s4); }
.fa-value__ico { color: var(--fa-terracotta); font-size: 1.5rem; margin-bottom: var(--fa-s1); }
.fa-value h3 { font-family: var(--fa-serif); font-size: 1.25rem; font-weight: 600; margin: 0 0 0.3rem; }
.fa-value p { font-size: 0.9rem; color: var(--fa-ink-soft); margin: 0; }

/* ==========================================================================
   17. HOME — DERNIERS ARTICLES
   ========================================================================== */
.fa-posts { background: var(--fa-cream); }
.fa-posts__head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--fa-s3); margin-bottom: var(--fa-s5); flex-wrap: wrap; }
.fa-posts__head h2 { font-size: var(--fa-h2); margin: 0; }
.fa-posts__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--fa-s4); }
.fa-card {
	display: flex; flex-direction: column;
	background: var(--fa-white); border-radius: var(--fa-radius);
	overflow: hidden; box-shadow: var(--fa-shadow-sm);
	transition: transform 0.3s var(--fa-ease), box-shadow 0.3s var(--fa-ease);
}
.fa-card:hover { transform: translateY(-4px); box-shadow: var(--fa-shadow); }
.fa-card__media { aspect-ratio: 3 / 2; overflow: hidden; background: var(--fa-cream-2); }
.fa-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--fa-ease); }
.fa-card:hover .fa-card__media img { transform: scale(1.04); }
.fa-card__body { padding: var(--fa-s3); display: flex; flex-direction: column; flex: 1; }
.fa-card__cat {
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.7rem;
	letter-spacing: 0.16em; text-transform: uppercase; color: var(--fa-terracotta-d); margin-bottom: 0.6rem;
}
.fa-card__title { font-family: var(--fa-serif); font-weight: 600; font-size: 1.3rem; line-height: 1.2; margin: 0 0 0.6rem; }
.fa-card__title a { color: var(--fa-ink); }
.fa-card__title a:hover { color: var(--fa-terracotta-d); }
.fa-card__excerpt { font-size: 0.92rem; color: var(--fa-ink-soft); margin: 0 0 var(--fa-s3); }
.fa-card__more { margin-top: auto; font-weight: 600; font-size: 0.85rem; color: var(--fa-terracotta-d); display: inline-flex; align-items: center; gap: 0.4rem; }
.fa-card__more .fa-ico { font-size: 0.95rem; transition: transform 0.25s var(--fa-ease); }
.fa-card:hover .fa-card__more .fa-ico { transform: translateX(4px); }

/* ==========================================================================
   18. HOME — TEASER BOUTIQUE
   ========================================================================== */
.fa-shop { background: var(--fa-terracotta); color: var(--fa-white); }
.fa-shop__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,4rem); align-items: center; }
.fa-shop .fa-eyebrow { color: rgba(255,255,255,0.8); }
.fa-shop h2 { color: var(--fa-white); font-size: var(--fa-h2); }
.fa-shop p { color: rgba(255,255,255,0.92); max-width: 46ch; margin-bottom: var(--fa-s4); }
.fa-shop .fa-btn--ghost { color: var(--fa-white); border-color: var(--fa-white); }
.fa-shop .fa-btn--ghost:hover { background: var(--fa-white); color: var(--fa-terracotta-d); }
.fa-shop__media { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.fa-shop__media figure {
	margin: 0; border-radius: var(--fa-radius); overflow: hidden; aspect-ratio: 3 / 4;
	background: rgba(255,255,255,0.14);
}
.fa-shop__media figure:nth-child(odd) { margin-top: var(--fa-s4); }
.fa-shop__media img { width: 100%; height: 100%; object-fit: cover; }

/* ==========================================================================
   19. HOME — RESPONSIVE
   ========================================================================== */
@media (max-width: 880px) {
	.fa-hero__grid { grid-template-columns: 1fr; }
	.fa-hero__media { order: -1; aspect-ratio: 16 / 11; }
	.fa-dest__grid { grid-template-columns: 1fr; gap: var(--fa-s3); }
	.fa-intro__grid { grid-template-columns: 1fr; }
	.fa-intro__media { max-width: 340px; }
	.fa-posts__grid { grid-template-columns: repeat(2, 1fr); }
	.fa-shop__grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.fa-posts__grid { grid-template-columns: 1fr; }
	.fa-values { grid-template-columns: 1fr; }
	.fa-hero__cta .fa-btn { flex: 1 1 auto; }
}


/* ==========================================================================
   20. ARCHIVES (blog + catégorie + recherche)
   ========================================================================== */
.fa-archive { background: var(--fa-cream); }
.fa-archive__head { text-align: center; padding-block: var(--fa-s6) var(--fa-s4); }
.fa-archive__head .fa-script { font-size: 1.9rem; }
.fa-archive__head h1 { font-size: var(--fa-h1); margin: 0.4rem 0 var(--fa-s2); }
.fa-archive__desc { max-width: 56ch; margin: 0 auto; color: var(--fa-ink-soft); font-size: var(--fa-lead); }
.fa-archive__body { padding-bottom: var(--fa-s7); }

/* Filtres destinations (sur la page blog) */
.fa-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin: var(--fa-s4) 0 var(--fa-s5); }
.fa-chip {
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.78rem;
	letter-spacing: 0.08em; text-transform: uppercase;
	padding: 0.55em 1.2em; border-radius: var(--fa-radius-pill);
	border: 1px solid var(--fa-bronze); color: var(--fa-ink);
}
.fa-chip:hover, .fa-chip.is-active { background: var(--fa-bronze); color: var(--fa-white); }

/* Pagination */
.fa-pagination { margin-top: var(--fa-s6); }
.fa-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; }
.fa-pagination .page-numbers {
	display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 0.6rem;
	border-radius: var(--fa-radius-pill); border: 1px solid var(--fa-line);
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.9rem; color: var(--fa-ink);
}
.fa-pagination .page-numbers:hover { border-color: var(--fa-bronze); color: var(--fa-terracotta-d); }
.fa-pagination .page-numbers.current { background: var(--fa-olive); border-color: var(--fa-olive); color: var(--fa-white); }

/* ==========================================================================
   21. ARTICLE (single)
   ========================================================================== */
.fa-single { background: var(--fa-cream); }
.fa-single__hero { text-align: center; padding-block: var(--fa-s6) var(--fa-s4); }
.fa-single__cat { margin-bottom: var(--fa-s2); }
.fa-single__cat a { color: var(--fa-terracotta-d); font-family: var(--fa-sans); font-weight: 600; font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; }
.fa-single__hero h1 { font-size: var(--fa-h1); font-weight: 500; line-height: 1.06; margin: 0 auto var(--fa-s3); max-width: 18ch; }
.fa-single__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.8rem; color: var(--fa-ink-soft); font-size: 0.88rem; }
.fa-single__meta span { display: inline-flex; align-items: center; gap: 0.4rem; }
.fa-single__meta .sep { width: 4px; height: 4px; border-radius: 50%; background: var(--fa-bronze); }

.fa-single__featured {
	margin: var(--fa-s4) auto var(--fa-s5);
	max-width: 980px; border-radius: var(--fa-radius-lg); overflow: hidden;
	aspect-ratio: 16 / 9; box-shadow: var(--fa-shadow); background: var(--fa-cream-2);
}
.fa-single__featured img { width: 100%; height: 100%; object-fit: cover; }

/* Corps d'article — mesure de lecture confortable */
.fa-prose { font-size: 1.08rem; line-height: 1.85; color: #38322B; padding-bottom: var(--fa-s6); }
.fa-prose > * { margin-block: 0 var(--fa-s3); }
.fa-prose h2 { font-family: var(--fa-serif); font-weight: 600; font-size: clamp(1.6rem,1.2rem+1.4vw,2.2rem); line-height: 1.2; margin-top: var(--fa-s5); }
.fa-prose h3 { font-family: var(--fa-serif); font-weight: 600; font-size: 1.5rem; margin-top: var(--fa-s4); }
.fa-prose a { color: var(--fa-terracotta-d); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.fa-prose a:hover { color: var(--fa-terracotta); }
.fa-prose img, .fa-prose figure { border-radius: var(--fa-radius); }
.fa-prose figcaption { font-size: 0.85rem; color: var(--fa-ink-soft); text-align: center; margin-top: 0.6rem; }
.fa-prose blockquote {
	margin: var(--fa-s4) 0; padding: var(--fa-s2) var(--fa-s4);
	border-left: 3px solid var(--fa-bronze); background: var(--fa-cream-2);
	border-radius: 0 var(--fa-radius) var(--fa-radius) 0;
	font-family: var(--fa-serif); font-style: italic; font-size: 1.25rem; color: var(--fa-olive-d);
}
.fa-prose ul, .fa-prose ol { padding-left: 1.4rem; }
.fa-prose li { margin-bottom: 0.5rem; }
.fa-prose li::marker { color: var(--fa-terracotta); }

/* Tags + partage */
.fa-single__tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: var(--fa-s4); }
.fa-single__tags a { font-size: 0.8rem; padding: 0.35em 0.9em; border-radius: var(--fa-radius-pill); background: var(--fa-cream-2); color: var(--fa-ink-soft); }
.fa-single__tags a:hover { background: var(--fa-bronze); color: var(--fa-white); }

/* Bloc auteur */
.fa-author {
	display: flex; gap: var(--fa-s3); align-items: center;
	background: var(--fa-cream-2); border-radius: var(--fa-radius-lg);
	padding: var(--fa-s4); margin-bottom: var(--fa-s6);
}
.fa-author__avatar { width: 76px; height: 76px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: linear-gradient(140deg,var(--fa-olive),var(--fa-bronze)); }
.fa-author__avatar img { width: 100%; height: 100%; object-fit: cover; }
.fa-author h3 { font-family: var(--fa-serif); font-size: 1.4rem; margin: 0 0 0.3rem; }
.fa-author p { margin: 0; color: var(--fa-ink-soft); font-size: 0.95rem; }

/* Articles liés */
.fa-related { background: var(--fa-cream-2); }
.fa-related h2 { text-align: center; font-size: var(--fa-h2); margin-bottom: var(--fa-s5); }

@media (max-width: 880px) {
	.fa-single__hero h1 { max-width: none; }
	.fa-prose { font-size: 1.02rem; }
}


/* ==========================================================================
   22. À PROPOS
   ========================================================================== */
.fa-about { background: var(--fa-cream); }
.fa-about__hero { text-align: center; padding-block: var(--fa-s7) var(--fa-s5); }
.fa-about__hero .fa-script { font-size: clamp(2.4rem, 1.6rem + 3vw, 4rem); color: var(--fa-bronze); line-height: 1; }
.fa-about__hero h1 { font-size: var(--fa-h1); font-weight: 500; margin: var(--fa-s2) auto var(--fa-s3); max-width: 16ch; }
.fa-about__hero .fa-lead { max-width: 54ch; margin-inline: auto; }

.fa-about__portrait {
	max-width: 920px; margin: 0 auto var(--fa-s6);
	border-radius: var(--fa-radius-lg); overflow: hidden; aspect-ratio: 16 / 9;
	background: linear-gradient(150deg, var(--fa-terracotta), var(--fa-bronze), var(--fa-olive));
	box-shadow: var(--fa-shadow);
}
.fa-about__portrait img { width: 100%; height: 100%; object-fit: cover; }

.fa-about__story { padding-bottom: var(--fa-s6); }
.fa-about__story .fa-prose p:first-of-type::first-letter {
	font-family: var(--fa-serif); font-size: 3.6rem; font-weight: 600;
	float: left; line-height: 0.8; padding: 0.1em 0.12em 0 0; color: var(--fa-terracotta-d);
}

/* Citation pleine largeur */
.fa-quote { background: var(--fa-olive); color: #F1EEE4; text-align: center; }
.fa-quote blockquote {
	margin: 0 auto; max-width: 22ch;
	font-family: var(--fa-serif); font-style: italic; font-weight: 500;
	font-size: clamp(1.8rem, 1.2rem + 2.4vw, 3rem); line-height: 1.2;
}
.fa-quote cite { display: block; margin-top: var(--fa-s3); font-style: normal; font-family: var(--fa-script); font-size: 1.6rem; color: #F3D9A6; }

/* Mes trois terres */
.fa-terres { background: var(--fa-cream-2); }
.fa-terres h2 { text-align: center; font-size: var(--fa-h2); margin-bottom: var(--fa-s5); }
.fa-terres__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--fa-s4); }
.fa-terre { background: var(--fa-cream); border-radius: var(--fa-radius-lg); padding: var(--fa-s4); text-align: center; }
.fa-terre__ico { width: 58px; height: 58px; margin: 0 auto var(--fa-s2); border-radius: 50%; border: 1px solid var(--fa-bronze); display: grid; place-items: center; color: var(--fa-bronze); font-size: 1.4rem; }
.fa-terre h3 { font-family: var(--fa-serif); font-size: 1.5rem; margin: 0 0 0.4rem; }
.fa-terre p { color: var(--fa-ink-soft); font-size: 0.95rem; margin: 0; }

/* ==========================================================================
   23. CONTACT
   ========================================================================== */
.fa-contact { background: var(--fa-cream); }
.fa-contact__head { text-align: center; padding-block: var(--fa-s6) var(--fa-s4); }
.fa-contact__head .fa-script { font-size: 2rem; }
.fa-contact__head h1 { font-size: var(--fa-h1); margin: 0.3rem 0 var(--fa-s2); }
.fa-contact__grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; padding-bottom: var(--fa-s7); }
.fa-contact__aside h2 { font-size: var(--fa-h3); }
.fa-contact__aside p { color: var(--fa-ink-soft); }
.fa-contact__list { list-style: none; margin: var(--fa-s4) 0 0; padding: 0; display: grid; gap: var(--fa-s2); }
.fa-contact__list li { display: flex; align-items: center; gap: 0.8rem; }
.fa-contact__list .fa-ico { font-size: 1.2rem; color: var(--fa-terracotta); }
.fa-contact__social { display: flex; gap: 1rem; margin-top: var(--fa-s4); }
.fa-contact__social a { width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--fa-bronze); display: grid; place-items: center; color: var(--fa-olive); font-size: 1.25rem; }
.fa-contact__social a:hover { background: var(--fa-bronze); color: var(--fa-white); }
.fa-contact__form { background: var(--fa-white); border-radius: var(--fa-radius-lg); padding: clamp(1.5rem, 4vw, 2.5rem); box-shadow: var(--fa-shadow-sm); }

/* ---- Skin Fluent Forms (aux couleurs de la marque) ---- */
.fa-contact__form .fluentform .ff-el-group { margin-bottom: var(--fa-s3); }
.fa-contact__form .fluentform .ff-el-input--label label {
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.85rem;
	color: var(--fa-ink); margin-bottom: 0.4rem;
}
.fa-contact__form .fluentform input[type="text"],
.fa-contact__form .fluentform input[type="email"],
.fa-contact__form .fluentform input[type="tel"],
.fa-contact__form .fluentform textarea,
.fa-contact__form .fluentform select {
	width: 100%;
	font-family: var(--fa-sans); font-size: 0.95rem; color: var(--fa-ink);
	background: var(--fa-cream); border: 1px solid var(--fa-line);
	border-radius: var(--fa-radius); padding: 0.85em 1em; line-height: 1.4;
	transition: border-color 0.2s var(--fa-ease), box-shadow 0.2s var(--fa-ease);
}
.fa-contact__form .fluentform textarea { min-height: 150px; resize: vertical; }
.fa-contact__form .fluentform input:focus,
.fa-contact__form .fluentform textarea:focus,
.fa-contact__form .fluentform select:focus {
	outline: none; border-color: var(--fa-bronze);
	box-shadow: 0 0 0 3px rgba(168, 124, 79, 0.18);
}

/* Reset COMPLET du select (standard maison — dès la v1) */
.fa-contact__form .fluentform select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	height: 48px; line-height: 48px; padding-block: 0;
	padding-right: 2.6rem; /* dégagement pour la flèche */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A87C4F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 18px 18px;
	cursor: pointer;
}
.fa-contact__form .fluentform select::-ms-expand { display: none; }

/* Bouton submit */
.fa-contact__form .fluentform .ff-btn-submit,
.fa-contact__form .fluentform button[type="submit"] {
	background: var(--fa-olive); color: var(--fa-white);
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.82rem;
	letter-spacing: 0.12em; text-transform: uppercase;
	border: 0; border-radius: var(--fa-radius-pill);
	padding: 1.05em 2.4em; cursor: pointer;
	transition: background 0.25s var(--fa-ease), transform 0.25s var(--fa-ease);
}
.fa-contact__form .fluentform .ff-btn-submit:hover,
.fa-contact__form .fluentform button[type="submit"]:hover { background: var(--fa-olive-d); transform: translateY(-2px); }

@media (max-width: 880px) {
	.fa-terres__grid { grid-template-columns: 1fr; }
	.fa-contact__grid { grid-template-columns: 1fr; }
}


/* ==========================================================================
   24. WOOCOMMERCE — Skin marque (classes natives Woo, scopé .woocommerce)
   ========================================================================== */

/* ---- Bannière boutique (hook) ---- */
.fa-shop-banner { background: var(--fa-cream-2); text-align: center; padding-block: var(--fa-s6) var(--fa-s5); margin-bottom: var(--fa-s5); }
.fa-shop-banner .fa-script { font-size: 1.9rem; color: var(--fa-bronze); margin: 0; }
.fa-shop-banner h1 { font-size: var(--fa-h1); font-weight: 500; margin: 0.3rem 0 var(--fa-s2); }
.fa-shop-banner__desc { max-width: 56ch; margin: 0 auto; color: var(--fa-ink-soft); font-size: var(--fa-lead); }

/* ---- Barre résultats + tri ---- */
.woocommerce .woocommerce-result-count { color: var(--fa-ink-soft); font-size: 0.9rem; }
.woocommerce .woocommerce-ordering select,
.woocommerce select.orderby {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	font-family: var(--fa-sans); font-size: 0.9rem; color: var(--fa-ink);
	background-color: var(--fa-white); border: 1px solid var(--fa-line);
	border-radius: var(--fa-radius-pill);
	height: 46px; line-height: 46px; padding: 0 2.6rem 0 1.2rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A87C4F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 1rem center; background-size: 18px 18px;
	cursor: pointer;
}
.woocommerce select.orderby::-ms-expand { display: none; }

/* ---- Grille produits (boutique) ---- */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--fa-s4);
	margin: 0; padding: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none !important; } /* tue le clearfix float Woo */
.woocommerce ul.products li.product {
	width: auto !important; margin: 0 !important; float: none !important;
	background: var(--fa-white); border-radius: var(--fa-radius);
	overflow: hidden; box-shadow: var(--fa-shadow-sm);
	display: flex; flex-direction: column;
	transition: transform 0.3s var(--fa-ease), box-shadow 0.3s var(--fa-ease);
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: var(--fa-shadow); }
.woocommerce ul.products li.product a img { margin: 0; border-radius: 0; aspect-ratio: 3 / 4; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--fa-serif); font-weight: 600; font-size: 1.2rem; line-height: 1.2;
	color: var(--fa-ink); padding: var(--fa-s2) var(--fa-s3) 0;
}
.woocommerce ul.products li.product .price {
	color: var(--fa-terracotta-d); font-family: var(--fa-sans); font-weight: 600; font-size: 1rem;
	padding: 0.3rem var(--fa-s3) 0; margin: 0;
}
.woocommerce ul.products li.product .price del { color: var(--fa-ink-soft); font-weight: 400; opacity: 0.7; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce ul.products li.product .button { margin: var(--fa-s3); margin-top: auto; }

/* ---- Badge promo ---- */
.woocommerce span.onsale {
	background: var(--fa-olive); color: var(--fa-white);
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.7rem; letter-spacing: 0.1em;
	border-radius: var(--fa-radius-pill); min-height: auto; min-width: auto;
	padding: 0.4em 0.9em; top: 12px; left: 12px; margin: 0;
}

/* ---- Boutons Woo → style marque ---- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button.alt,
.woocommerce a.button.alt {
	background: var(--fa-olive); color: var(--fa-white);
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.78rem;
	letter-spacing: 0.1em; text-transform: uppercase;
	border: 0; border-radius: var(--fa-radius-pill);
	padding: 0.95em 1.8em; cursor: pointer;
	transition: background 0.25s var(--fa-ease), transform 0.25s var(--fa-ease);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .button.alt:hover, .woocommerce a.button.alt:hover { background: var(--fa-olive-d); color: var(--fa-white); transform: translateY(-2px); }
.woocommerce a.button.add_to_cart_button, .woocommerce .single_add_to_cart_button { background: var(--fa-terracotta); }
.woocommerce a.button.add_to_cart_button:hover, .woocommerce .single_add_to_cart_button:hover { background: var(--fa-terracotta-d); }

/* ---- Pagination boutique ---- */
.woocommerce nav.woocommerce-pagination ul { border: 0; gap: 0.5rem; display: flex; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	border-radius: var(--fa-radius-pill); min-width: 44px; height: 44px; line-height: 44px;
	padding: 0 0.6rem; border: 1px solid var(--fa-line); color: var(--fa-ink); font-weight: 600;
}
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--fa-olive); border-color: var(--fa-olive); color: var(--fa-white); }

/* ==========================================================================
   25. WOOCOMMERCE — Fiche produit
   ========================================================================== */
.single-product div.product { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.single-product div.product .woocommerce-product-gallery { float: none !important; width: auto !important; margin: 0 !important; }
.single-product div.product .woocommerce-product-gallery__image img { border-radius: var(--fa-radius-lg); }
.single-product div.product .summary { float: none !important; width: auto !important; margin: 0 !important; }
.single-product .product_title { font-family: var(--fa-serif); font-weight: 500; font-size: clamp(2rem, 1.4rem + 2vw, 3rem); line-height: 1.1; margin: 0 0 var(--fa-s2); }
.single-product .summary .price { color: var(--fa-terracotta-d); font-family: var(--fa-sans); font-weight: 600; font-size: 1.6rem; margin-bottom: var(--fa-s3); }
.single-product .woocommerce-product-details__short-description { color: var(--fa-ink-soft); line-height: 1.7; margin-bottom: var(--fa-s3); }
.single-product form.cart { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; margin-bottom: var(--fa-s3); }
.single-product .quantity input.qty {
	width: 72px; height: 50px; text-align: center; border: 1px solid var(--fa-line);
	border-radius: var(--fa-radius); background: var(--fa-cream); font-family: var(--fa-sans);
}
.single-product .single_add_to_cart_button { padding: 1.05em 2.2em; }
.single-product .product_meta { font-size: 0.85rem; color: var(--fa-ink-soft); border-top: 1px solid var(--fa-line); padding-top: var(--fa-s3); }

/* Onglets */
.woocommerce-tabs { grid-column: 1 / -1; margin-top: var(--fa-s5); }
.woocommerce-tabs ul.tabs { border: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.woocommerce-tabs ul.tabs::before { border: 0; }
.woocommerce-tabs ul.tabs li {
	background: transparent; border: 1px solid var(--fa-line); border-radius: var(--fa-radius-pill);
	margin: 0; padding: 0;
}
.woocommerce-tabs ul.tabs li::before, .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce-tabs ul.tabs li a { font-family: var(--fa-sans); font-weight: 600; font-size: 0.82rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.7em 1.4em; color: var(--fa-ink); }
.woocommerce-tabs ul.tabs li.active { background: var(--fa-olive); border-color: var(--fa-olive); }
.woocommerce-tabs ul.tabs li.active a { color: var(--fa-white); }
.woocommerce-tabs .panel { padding-top: var(--fa-s4); }
.woocommerce-tabs h2 { font-family: var(--fa-serif); }

/* Produits liés / upsells */
.single-product .related.products, .single-product .up-sells { grid-column: 1 / -1; margin-top: var(--fa-s6); }
.single-product .related.products > h2, .single-product .up-sells > h2 { font-family: var(--fa-serif); font-size: var(--fa-h2); margin-bottom: var(--fa-s4); }

/* ==========================================================================
   26. WOOCOMMERCE — Panier / Commande / Compte
   ========================================================================== */
/* Champs (réutilise le reset select maison) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce .select2-container--default .select2-selection--single {
	background: var(--fa-cream); border: 1px solid var(--fa-line);
	border-radius: var(--fa-radius); padding: 0.8em 1em; font-family: var(--fa-sans); font-size: 0.95rem; min-height: 48px;
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-color: var(--fa-cream); border: 1px solid var(--fa-line);
	border-radius: var(--fa-radius); height: 48px; line-height: 48px; padding: 0 2.6rem 0 1em;
	font-family: var(--fa-sans); font-size: 0.95rem; color: var(--fa-ink);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A87C4F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 1rem center; background-size: 18px 18px; cursor: pointer;
}
.woocommerce form .form-row select::-ms-expand { display: none; }

/* Tableaux (panier, totaux) */
.woocommerce table.shop_table { border-radius: var(--fa-radius); border-color: var(--fa-line); }
.woocommerce table.shop_table th { font-family: var(--fa-sans); font-weight: 600; }
.woocommerce-cart .cart_totals, .woocommerce-checkout #order_review {
	background: var(--fa-cream-2); border-radius: var(--fa-radius-lg); padding: var(--fa-s4);
}
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-checkout #order_review_heading { font-family: var(--fa-serif); }

/* Mon compte */
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; }
.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-radius: var(--fa-radius); overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 0.8em 1.1em; background: var(--fa-cream-2); color: var(--fa-ink); font-weight: 500; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--fa-olive); color: var(--fa-white); }

/* ---- Notices ---- */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews {
	border-top: 0; border-radius: var(--fa-radius); padding: 1em 1.4em 1em 3.2em; font-size: 0.95rem;
}
.woocommerce-message { background: #EAF0E4; color: var(--fa-olive-d); }
.woocommerce-message::before { color: var(--fa-olive); }
.woocommerce-info::before { color: var(--fa-bronze); }

@media (max-width: 880px) {
	.woocommerce ul.products { grid-template-columns: repeat(2, 1fr); gap: var(--fa-s3); }
	.single-product div.product { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
	.woocommerce ul.products { grid-template-columns: 1fr; }
}

/* ==========================================================================
   27. RESPONSIVE GLOBAL — compactage du rythme vertical (anti espaces vides mobile)
   Redéfinit l'échelle d'espacement → cascade sur TOUTES les sections (tokens).
   ========================================================================== */
@media (max-width: 880px) {
	:root {
		--fa-s5: 2.25rem;
		--fa-s6: 3rem;
		--fa-s7: 3.5rem;
		--fa-h1: clamp(2.1rem, 1.6rem + 3vw, 3rem);
		--fa-h2: clamp(1.7rem, 1.3rem + 2vw, 2.4rem);
	}
}
@media (max-width: 560px) {
	:root {
		--fa-s4: 1.5rem;
		--fa-s5: 1.9rem;
		--fa-s6: 2.4rem;
		--fa-s7: 2.75rem;
	}
	.fa-hero__welcome { font-size: 1.4rem; }
	.fa-hero__sub { font-size: 1.3rem; }
	.fa-about__hero .fa-script { font-size: 2.2rem; }
}

/* ==========================================================================
   28. FIL D'ARIANE (Rank Math)
   ========================================================================== */
.fa-breadcrumbs { margin-bottom: var(--fa-s2); font-family: var(--fa-sans); font-size: 0.8rem; }
.fa-breadcrumbs .rank-math-breadcrumb p,
.fa-breadcrumbs .rank-math-breadcrumb { margin: 0; color: var(--fa-ink-soft); line-height: 1.5; }
.fa-breadcrumbs a { color: var(--fa-ink-soft); }
.fa-breadcrumbs a:hover { color: var(--fa-terracotta-d); }
.fa-breadcrumbs .separator { color: var(--fa-bronze); margin: 0 0.45rem; }
.fa-breadcrumbs .last, .fa-breadcrumbs strong { color: var(--fa-ink); font-weight: 600; }
/* Sur fiche produit / boutique, le fil est aligné à gauche dans le conteneur */
.woocommerce .fa-breadcrumbs, .woocommerce-page .fa-breadcrumbs { margin-top: var(--fa-s3); }

/* ==========================================================================
   29. HOME — GRILLE CATÉGORIES DYNAMIQUE
   ========================================================================== */
.fa-cats { background: var(--fa-cream-2); }
.fa-cats__head { margin-bottom: var(--fa-s5); }
.fa-cats__head .fa-script { font-size: 2rem; }
.fa-cats__head h2 { font-size: var(--fa-h2); margin: 0.3rem 0 0; }
.fa-cats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--fa-s3); }
.fa-cat {
	position: relative; display: flex; align-items: flex-end;
	min-height: 160px; border-radius: var(--fa-radius); overflow: hidden;
	background-size: cover; background-position: center; background-color: var(--fa-olive);
	box-shadow: var(--fa-shadow-sm);
	transition: transform 0.3s var(--fa-ease), box-shadow 0.3s var(--fa-ease);
}
.fa-cat::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(42,37,32,0.78) 0%, rgba(42,37,32,0.28) 55%, rgba(42,37,32,0.1) 100%); }
.fa-cat--plain { background: linear-gradient(140deg, var(--fa-terracotta), var(--fa-bronze) 55%, var(--fa-olive)); }
.fa-cat--plain::before { background: linear-gradient(to top, rgba(42,37,32,0.35), rgba(42,37,32,0)); }
.fa-cat__label {
	position: relative; z-index: 1; color: #fff;
	font-family: var(--fa-serif); font-weight: 600; font-size: 1.15rem; line-height: 1.2;
	padding: var(--fa-s3);
}
.fa-cat:hover { transform: translateY(-3px); box-shadow: var(--fa-shadow); }

@media (max-width: 900px) { .fa-cats__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 620px) { .fa-cats__grid { grid-template-columns: repeat(2, 1fr); gap: var(--fa-s2); } .fa-cat { min-height: 130px; } .fa-cat__label { font-size: 1rem; } }

/* ---- ICÔNES (mask-image, couleur 'black' = encodage sûr) ---- */
.fa-ico--menu{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207h16M4%2012h16M4%2017h16%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207h16M4%2012h16M4%2017h16%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--close{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%206l12%2012M18%206L6%2018%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%206l12%2012M18%206L6%2018%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--ig{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%275%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%277%27%20r%3D%271.3%27%20fill%3D%27black%27%20stroke%3D%27none%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%275%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27%2F%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%277%27%20r%3D%271.3%27%20fill%3D%27black%27%20stroke%3D%27none%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--fb{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M14%209h3V5h-3c-2.2%200-4%201.8-4%204v2H7v4h3v6h4v-6h3l1-4h-4V9c0-.6.4-1%201-1z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M14%209h3V5h-3c-2.2%200-4%201.8-4%204v2H7v4h3v6h4v-6h3l1-4h-4V9c0-.6.4-1%201-1z%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--tiktok{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M15%204c.5%202.5%202%204%204.5%204.3v3c-1.8%200-3.4-.6-4.8-1.6V15a6%206%200%201%201-6-6c.4%200%20.8%200%201.2.1v3.1A3%203%200%201%200%2012%2015V4h3z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M15%204c.5%202.5%202%204%204.5%204.3v3c-1.8%200-3.4-.6-4.8-1.6V15a6%206%200%201%201-6-6c.4%200%20.8%200%201.2.1v3.1A3%203%200%201%200%2012%2015V4h3z%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M4%207l8%206%208-6%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M4%207l8%206%208-6%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--palm{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022c0-6%200-9%200-11%27%2F%3E%3Cpath%20d%3D%27M12%2011c-2-3-5-4-8-3%202-2%205-2%208%200%27%2F%3E%3Cpath%20d%3D%27M12%2011c2-3%205-4%208-3-2-2-5-2-8%200%27%2F%3E%3Cpath%20d%3D%27M12%2011c0-3-2-6-5-7%203%200%205%202%205%205%27%2F%3E%3Cpath%20d%3D%27M12%2011c0-3%202-6%205-7-3%200-5%202-5%205%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2022c0-6%200-9%200-11%27%2F%3E%3Cpath%20d%3D%27M12%2011c-2-3-5-4-8-3%202-2%205-2%208%200%27%2F%3E%3Cpath%20d%3D%27M12%2011c2-3%205-4%208-3-2-2-5-2-8%200%27%2F%3E%3Cpath%20d%3D%27M12%2011c0-3-2-6-5-7%203%200%205%202%205%205%27%2F%3E%3Cpath%20d%3D%27M12%2011c0-3%202-6%205-7-3%200-5%202-5%205%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--tower{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%203h6%27%2F%3E%3Cpath%20d%3D%27M10%203l-3%2018%27%2F%3E%3Cpath%20d%3D%27M14%203l3%2018%27%2F%3E%3Cpath%20d%3D%27M8.5%209h7%27%2F%3E%3Cpath%20d%3D%27M7.7%2014h8.6%27%2F%3E%3Cpath%20d%3D%27M5%2021h14%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%203h6%27%2F%3E%3Cpath%20d%3D%27M10%203l-3%2018%27%2F%3E%3Cpath%20d%3D%27M14%203l3%2018%27%2F%3E%3Cpath%20d%3D%27M8.5%209h7%27%2F%3E%3Cpath%20d%3D%27M7.7%2014h8.6%27%2F%3E%3Cpath%20d%3D%27M5%2021h14%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--mountain{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2020l6-12%204%207%202-3%206%208z%27%2F%3E%3Cpath%20d%3D%27M9%208l1.5%203%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2020l6-12%204%207%202-3%206%208z%27%2F%3E%3Cpath%20d%3D%27M9%208l1.5%203%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020s-7-4.4-9.2-9C1.5%208%203%204.5%206.3%204.5c2%200%203.2%201.3%203.7%202.4.5-1.1%201.7-2.4%203.7-2.4C21%204.5%2022.5%208%2021.2%2011%2019%2015.6%2012%2020%2012%2020z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2020s-7-4.4-9.2-9C1.5%208%203%204.5%206.3%204.5c2%200%203.2%201.3%203.7%202.4.5-1.1%201.7-2.4%203.7-2.4C21%204.5%2022.5%208%2021.2%2011%2019%2015.6%2012%2020%2012%2020z%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--globe{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M3%2012h18M12%203c3%203%203%2015%200%2018M12%203c-3%203-3%2015%200%2018%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M3%2012h18M12%203c3%203%203%2015%200%2018M12%203c-3%203-3%2015%200%2018%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--hands{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%208c1-2%203-3%204.5-2.2C18%206.5%2018%208.5%2012%2013%206%208.5%206%206.5%207.5%205.8%209%205%2011%206%2012%208z%27%2F%3E%3Cpath%20d%3D%27M5%2014l3%203c1%201%202.5%201.5%204%201.5s3-.5%204-1.5l3-3%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%208c1-2%203-3%204.5-2.2C18%206.5%2018%208.5%2012%2013%206%208.5%206%206.5%207.5%205.8%209%205%2011%206%2012%208z%27%2F%3E%3Cpath%20d%3D%27M5%2014l3%203c1%201%202.5%201.5%204%201.5s3-.5%204-1.5l3-3%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--bag{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%208h12l-1%2012H7z%27%2F%3E%3Cpath%20d%3D%27M9%208V6a3%203%200%200%201%206%200v2%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%208h12l-1%2012H7z%27%2F%3E%3Cpath%20d%3D%27M9%208V6a3%203%200%200%201%206%200v2%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h14M13%206l6%206-6%206%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h14M13%206l6%206-6%206%27%2F%3E%3C%2Fsvg%3E")}
.fa-ico--spark{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M12%202l1.6%206.4L20%2010l-6.4%201.6L12%2018l-1.6-6.4L4%2010l6.4-1.6z%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27black%27%3E%3Cpath%20d%3D%27M12%202l1.6%206.4L20%2010l-6.4%201.6L12%2018l-1.6-6.4L4%2010l6.4-1.6z%27%2F%3E%3C%2Fsvg%3E")}

/* ==========================================================================
   30. NEWSLETTER BREVO — skin du formulaire (plugin [sibwp_form] + embed .sib-form)
   ========================================================================== */
.sib_signup_form, .sib-form { font-family: var(--fa-sans); max-width: 100%; }
.sib_signup_form .form-group, .sib-form .entry__field, .sib-form .form__entry { margin-bottom: var(--fa-s2); }
.sib_signup_form label, .sib-form label { font-size: 0.9rem; color: inherit; }

.sib_signup_form input[type="text"],
.sib_signup_form input[type="email"],
.sib-form input[type="text"],
.sib-form input[type="email"],
.sib-form input.input {
	width: 100%; font-family: var(--fa-sans); font-size: 0.95rem; color: var(--fa-ink);
	background: var(--fa-white); border: 1px solid var(--fa-line);
	border-radius: var(--fa-radius-pill); padding: 0.9em 1.2em; line-height: 1.3;
}
.fa-ft .sib_signup_form input[type="text"],
.fa-ft .sib_signup_form input[type="email"],
.fa-ft .sib-form input { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.25); color: #fff; }
.fa-ft .sib-form input::placeholder { color: rgba(255,255,255,0.6); }

.sib_signup_form input[type="submit"],
.sib_signup_form button,
.sib-form .sib-form-block__button,
.sib-form button {
	background: var(--fa-terracotta); color: var(--fa-white);
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.8rem;
	letter-spacing: 0.1em; text-transform: uppercase;
	border: 0; border-radius: var(--fa-radius-pill);
	padding: 0.95em 2em; cursor: pointer;
	transition: background 0.25s var(--fa-ease), transform 0.25s var(--fa-ease);
}
.sib_signup_form input[type="submit"]:hover,
.sib-form .sib-form-block__button:hover,
.sib-form button:hover { background: var(--fa-terracotta-d); transform: translateY(-2px); }

/* Case RGPD (double opt-in) */
.sib_signup_form .sib-checkbox-group, .sib-form .entry__specification { font-size: 0.78rem; color: inherit; opacity: 0.85; }

/* Messages succès / erreur */
.sib-form-message-panel { border-radius: var(--fa-radius); font-family: var(--fa-sans); }

/* ==========================================================================
   31. À PROPOS — litanie « Celles qui » + signature
   ========================================================================== */
.fa-prose .fa-litany { list-style: none; padding-left: 0; margin: var(--fa-s4) 0; display: grid; gap: 0.7rem; }
.fa-prose .fa-litany li {
	position: relative; padding-left: 1.7rem; margin: 0;
	font-family: var(--fa-serif); font-style: italic; font-size: 1.25rem; line-height: 1.4; color: var(--fa-olive-d);
}
.fa-prose .fa-litany li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 8px; height: 8px; border-radius: 50%; background: var(--fa-bronze); }
.fa-about__sign { font-family: var(--fa-script); font-size: 2rem; color: var(--fa-terracotta-d); margin-top: var(--fa-s4)!important; line-height: 1.1; }
.fa-about__sign span { display: block; font-family: var(--fa-sans); font-weight: 600; font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fa-olive); margin-top: 0.6rem; }

/* ==========================================================================
   32. SOMMAIRE AUTO (<details>) + ancres + liens auteur
   ========================================================================== */
.fa-prose .fa-toc {
	border: 1px solid var(--fa-line); border-radius: var(--fa-radius);
	background: var(--fa-cream-2); margin: 0 0 var(--fa-s4); overflow: hidden;
}
.fa-toc__summary {
	cursor: pointer; list-style: none; padding: 0.95em 1.2em;
	font-family: var(--fa-sans); font-weight: 600; font-size: 0.8rem;
	letter-spacing: 0.14em; text-transform: uppercase; color: var(--fa-olive);
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.fa-toc__summary::-webkit-details-marker { display: none; }
.fa-toc__summary::after {
	content: ""; flex-shrink: 0;
	width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;
	border-top: 6px solid var(--fa-bronze); transition: transform 0.25s var(--fa-ease);
}
.fa-toc[open] .fa-toc__summary::after { transform: rotate(180deg); }
.fa-toc__nav { padding: 0 1.4em 1.1em; }
.fa-toc__nav ol { margin: 0; padding-left: 0; list-style: none; }
.fa-toc__nav li { position: relative; margin: 0.4rem 0; padding-left: 1.1rem; }
.fa-toc__nav li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 6px; height: 6px; border-radius: 50%; background: var(--fa-bronze); }
.fa-toc__nav a { color: var(--fa-ink); font-size: 0.95rem; text-decoration: none; }
.fa-toc__nav a:hover { color: var(--fa-terracotta-d); text-decoration: underline; text-underline-offset: 3px; }
.fa-toc__nav .fa-toc__sub { margin-left: 1.1rem; }
.fa-toc__nav .fa-toc__sub::before { width: 5px; height: 5px; background: transparent; border: 1px solid var(--fa-bronze); }
.fa-toc__nav .fa-toc__sub a { color: var(--fa-ink-soft); font-size: 0.9rem; }

/* Décalage d'ancre (titres pas cachés sous un header sticky) */
.fa-prose h2, .fa-prose h3 { scroll-margin-top: 90px; }

/* Liens auteur (byline + bloc auteur) */
.fa-single__meta a { color: inherit; text-decoration: none; }
.fa-single__meta a:hover { color: var(--fa-terracotta-d); text-decoration: underline; text-underline-offset: 3px; }
.fa-author h3 a { color: inherit; text-decoration: none; }
.fa-author h3 a:hover { color: var(--fa-terracotta-d); }