/* ============================================================
   LILIAN — UNIVERS MONASTIQUE (pivot total ex-Emilie)
   v=001 · 2026-05-25
   Charge en DERNIER · surcharge lilian-luxe + lilian-excellence
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Spectral:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');

/* ------------------------------------------------------------
   1. PALETTE — ardoise · encre · bronze patiné · lin brut
   ------------------------------------------------------------ */
:root {
  /* tons monastiques */
  --m-encre:        #0e0f12;   /* fond profond */
  --m-encre-2:      #16181d;   /* élévation 1 */
  --m-ardoise:      #2b3236;   /* sections moyennes */
  --m-pierre:       #6b7177;   /* texte secondaire sombre */
  --m-lin:          #ece6d9;   /* fond clair lin brut */
  --m-lin-2:        #d9d1bf;   /* élévation lin */
  --m-bronze:       #8a6e3d;   /* accent principal mat */
  --m-bronze-clair: #b08a4f;   /* hover/clair */
  --m-cuivre-sombre:#5c4a2a;   /* accents profonds */
  --m-os:           #f6f1e6;   /* texte clair */
  --m-ardoise-vert: #36433f;   /* secondaire profond */
  --m-trait:        rgba(138, 110, 61, 0.32);
  --m-trait-clair:  rgba(14, 15, 18, 0.18);
}

/* Surcharger les variables Emilie utilisées partout */
html, :root, body, .main-content {
  --lumiere-doree: var(--m-bronze) !important;
  --or-cuivre: var(--m-bronze-clair) !important;
  --or-clair: var(--m-bronze-clair) !important;
  --or-soleil: var(--m-bronze) !important;
  --foret-nuit: var(--m-encre) !important;
  --foret-profonde: var(--m-ardoise) !important;
  --foret-profonde-x: var(--m-ardoise-vert) !important;
  --terre-sacree: var(--m-cuivre-sombre) !important;
  --vert-sage: var(--m-ardoise-vert) !important;
  --vert-mousse: var(--m-pierre) !important;
  --souffle-ivoire: var(--m-lin) !important;
  --ivoire-vellum: var(--m-lin) !important;
  --ivoire-doux: var(--m-lin-2) !important;
  --creme-papyrus: var(--m-lin) !important;
  --crayon-encre: var(--m-encre) !important;
}

/* ------------------------------------------------------------
   2. TYPOGRAPHIE — Cinzel (titres) + IBM Plex Sans (corps)
   ------------------------------------------------------------ */
body, .main-content, p, li, a, span, div, button, input, textarea, select {
  font-family: 'IBM Plex Sans', 'Inter', system-ui, sans-serif !important;
  letter-spacing: 0.005em;
}

h1, h2, h3, h4, h5, h6,
.hero-title, .section-title, .soin-title, .promesse-title,
.faq-question, .footer-brand h3,
.menu-panel-title, .nav-brand-text {
  font-family: 'Cinzel', 'Spectral', 'Times New Roman', serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  font-style: normal !important;
}

/* Désactiver tout italique décoratif (signature Emilie) */
h1 em, h2 em, h3 em,
.hero-title em, .section-title em,
.nav-brand-text em,
.soin-title em, .promesse-title em {
  font-style: normal !important;
  font-family: 'Cinzel', serif !important;
  color: var(--m-bronze) !important;
  font-weight: 600 !important;
}

/* Sous-titres / eyebrows : capitales étalées */
.section-eyebrow, .soin-eyebrow, .hero-eyebrow,
.menu-panel-eyebrow, .promesse-eyebrow,
.testi-section-eyebrow, .faq-eyebrow {
  font-family: 'Cinzel', serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  color: var(--m-bronze) !important;
  font-style: normal !important;
}

/* Corps sobre */
p, li {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
}

p em, li em {
  font-style: italic !important;
  font-family: 'Spectral', serif !important;
  color: var(--m-bronze) !important;
  font-weight: 400 !important;
}

/* ------------------------------------------------------------
   3. FOND GLOBAL — lin brut texturé
   ------------------------------------------------------------ */
body {
  background: var(--m-lin) !important;
  color: var(--m-encre) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 10% 10%, rgba(138,110,61,0.04), transparent 50%),
    radial-gradient(circle at 90% 90%, rgba(14,15,18,0.03), transparent 50%),
    repeating-linear-gradient(90deg, transparent 0 240px, rgba(14,15,18,0.012) 240px 241px);
  pointer-events: none;
  z-index: 0;
}

.main-content > * { position: relative; z-index: 1; }

/* ------------------------------------------------------------
   4. HEADER — barre noire austère
   ------------------------------------------------------------ */
.nav-bar, .navbar, header.site-header, .lilian-header {
  background: var(--m-encre) !important;
  border-bottom: 1px solid var(--m-trait) !important;
  box-shadow: none !important;
}

.nav-brand-text, .lilian-brand, .site-brand {
  font-family: 'Cinzel', serif !important;
  font-size: 12px !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase !important;
  color: var(--m-os) !important;
  font-weight: 500 !important;
}

.nav-brand-text em { color: var(--m-bronze) !important; }

.nav-brand-rune, .nav-rune, .brand-rune,
.nav-brand svg, .nav-brand-mark {
  display: none !important;
}

/* Bouton "Me contacter" header : noir + bordure bronze */
.nav-cta, .nav-cta-compact,
a.nav-cta {
  background: transparent !important;
  color: var(--m-os) !important;
  border: 1px solid var(--m-bronze) !important;
  border-radius: 0 !important;
  padding: 10px 22px !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: background 0.3s, color 0.3s !important;
}

.nav-cta:hover { background: var(--m-bronze) !important; color: var(--m-encre) !important; }

/* Bouton MENU */
.nav-menu-toggle, .menu-toggle {
  background: transparent !important;
  border: 1px solid var(--m-pierre) !important;
  color: var(--m-os) !important;
  border-radius: 0 !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* ------------------------------------------------------------
   5. HERO — encre profonde, typographie lapidaire
   ------------------------------------------------------------ */
.hero, .lilian-hero {
  background: var(--m-encre) !important;
}

.hero-eyebrow, .hero .section-eyebrow {
  color: var(--m-bronze) !important;
}

.hero-title, .hero h1 {
  font-family: 'Cinzel', serif !important;
  font-weight: 500 !important;
  font-size: clamp(48px, 7vw, 96px) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  color: var(--m-os) !important;
}

.hero-title em, .hero h1 em {
  font-style: normal !important;
  color: var(--m-bronze) !important;
  font-weight: 600 !important;
}

.hero-tagline, .hero-subtitle {
  font-family: 'Spectral', serif !important;
  font-style: normal !important;
  font-size: 18px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--m-lin) !important;
  margin-top: 24px !important;
}

.hero-words, .hero .words-line {
  letter-spacing: 0.35em !important;
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  color: var(--m-bronze-clair) !important;
}

/* Boutons hero */
.hero .btn, .hero a.btn,
.btn-gold, .btn-primary {
  background: var(--m-bronze) !important;
  color: var(--m-encre) !important;
  border: 1px solid var(--m-bronze) !important;
  border-radius: 0 !important;
  padding: 16px 36px !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.btn-gold:hover, .btn-primary:hover {
  background: var(--m-bronze-clair) !important;
  color: var(--m-encre) !important;
}

.btn-ghost, .btn-secondary,
.hero .btn:not(.btn-gold):not(.btn-primary) {
  background: transparent !important;
  color: var(--m-os) !important;
  border: 1px solid var(--m-os) !important;
  border-radius: 0 !important;
}

/* ------------------------------------------------------------
   6. SECTIONS DE FOND
   ------------------------------------------------------------ */
.section-light, .section-cream, .section-ivoire,
section[class*="cream"], section[class*="ivoire"] {
  background: var(--m-lin) !important;
}

.section-dark, .quote-section,
section[class*="dark"], section[class*="forest"] {
  background: var(--m-encre) !important;
}

.section-mid, .section-stone,
section[class*="stone"] {
  background: var(--m-lin-2) !important;
}

/* Titres de sections */
.section-title, section h2 {
  color: var(--m-encre) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.section-dark .section-title,
.quote-section .section-title,
section[class*="dark"] h2 {
  color: var(--m-os) !important;
}

/* Séparateurs : trait fin bronze */
hr, .separator, .section-divider {
  border: 0 !important;
  border-top: 1px solid var(--m-trait) !important;
  height: 1px !important;
  background: transparent !important;
  margin: 48px auto !important;
  width: 80px !important;
}

/* ------------------------------------------------------------
   7. ABOUT — portrait monastique
   ------------------------------------------------------------ */
.about-section, #about {
  background: var(--m-lin) !important;
}

.about-portrait, .about-photo, .about-image {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 1px solid var(--m-trait) !important;
}

.about-portrait::before, .about-portrait::after,
.about-photo::before, .about-photo::after {
  display: none !important;
}

/* ------------------------------------------------------------
   8. CARDS (soins, promesses, souffles, FAQ) — blocs plats
   ------------------------------------------------------------ */
.soin-card, .promesse-card, .souffle-card,
.transmission-card, .ecrit-card,
.card, .stat-card, .sp-sb-stat {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid var(--m-trait) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 32px 28px !important;
  transition: border-color 0.3s, transform 0.3s !important;
}

.soin-card:hover, .promesse-card:hover, .souffle-card:hover,
.transmission-card:hover {
  border-color: var(--m-bronze) !important;
  transform: translateY(-2px) !important;
  box-shadow: none !important;
}

/* Card signature "CHEMIN DE FOND" */
.soin-card.featured, .soin-card-signature,
.card-signature {
  background: var(--m-encre) !important;
  border-color: var(--m-bronze) !important;
  color: var(--m-lin) !important;
}
.soin-card.featured *, .soin-card-signature * { color: var(--m-lin) !important; }
.soin-card.featured .soin-title { color: var(--m-os) !important; }
.soin-card.featured .soin-price { color: var(--m-bronze-clair) !important; }

/* Numéros souffle = romans grands */
.souffle-card .souffle-number, .souffle-eyebrow {
  font-family: 'Cinzel', serif !important;
  font-size: 11px !important;
  letter-spacing: 0.3em !important;
  color: var(--m-bronze) !important;
  text-transform: uppercase !important;
}

.souffle-title {
  font-family: 'Cinzel', serif !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: 22px !important;
  letter-spacing: 0.08em !important;
  margin: 16px 0 !important;
}

/* Prix soins */
.soin-price, .price-tag {
  font-family: 'Cinzel', serif !important;
  font-size: 28px !important;
  letter-spacing: 0.08em !important;
  color: var(--m-bronze) !important;
  font-weight: 500 !important;
}

.soin-price-suffix, .soin-meta {
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--m-pierre) !important;
}

/* Soin icon : trait simple, plus de ❋ */
.soin-icon, .promesse-symbol, .promesse-icon {
  font-family: 'Cinzel', serif !important;
  color: var(--m-bronze) !important;
  font-size: 14px !important;
}

/* ------------------------------------------------------------
   9. RITUEL / ORNEMENTS — supprimer tous les ❋ décoratifs
   ------------------------------------------------------------ */
.ritual-mark, .footer-coda-mark,
.faq-category-icon, .ornament,
.deco-flower, .nav-rune {
  display: none !important;
}

/* Pseudo-éléments contenant ❋ ou autres ornements floraux */
*::before, *::after {
  content: none ;
}
/* Réactiver ::before/::after spécifiques utiles */
.main-content > *::before, .main-content > *::after,
body::before, body::after { content: ""; }

/* Séparateur monastique = trait pur */
.section-eyebrow::before, .section-eyebrow::after {
  content: "—" !important;
  margin: 0 16px !important;
  color: var(--m-bronze) !important;
  letter-spacing: 0 !important;
}

/* ------------------------------------------------------------
   10. QUOTE SECTION — encre + filet bronze
   ------------------------------------------------------------ */
.quote-section, .ritual-break {
  background: var(--m-encre) !important;
  padding: 100px 24px !important;
  border-top: 1px solid var(--m-trait) !important;
  border-bottom: 1px solid var(--m-trait) !important;
}

.quote-section blockquote, .quote-section p,
.ritual-break p {
  font-family: 'Spectral', serif !important;
  font-style: normal !important;
  font-weight: 300 !important;
  color: var(--m-lin) !important;
  font-size: 22px !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

.quote-section em, .ritual-break em {
  color: var(--m-bronze-clair) !important;
  font-style: italic !important;
  font-family: 'Spectral', serif !important;
}

/* ------------------------------------------------------------
   11. TRANSMISSION / LIGNÉE
   ------------------------------------------------------------ */
.transmission-tags, .tag-row {
  gap: 8px !important;
}

.tag, .pill, .badge,
.transmission-tag, .transmission-pill {
  background: transparent !important;
  border: 1px solid var(--m-bronze) !important;
  color: var(--m-bronze) !important;
  border-radius: 0 !important;
  padding: 6px 14px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.tag.tag-featured, .transmission-pill.featured {
  background: var(--m-bronze) !important;
  color: var(--m-encre) !important;
}

/* ------------------------------------------------------------
   12. STATS / PROMESSES
   ------------------------------------------------------------ */
.promesse-card .promesse-number, .stat-number {
  font-family: 'Cinzel', serif !important;
  font-size: 56px !important;
  font-weight: 400 !important;
  color: var(--m-bronze) !important;
  letter-spacing: 0.02em !important;
}

.promesse-label, .stat-label {
  font-family: 'Cinzel', serif !important;
  font-size: 10px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--m-pierre) !important;
  margin: 12px 0 !important;
}

/* ------------------------------------------------------------
   13. FAQ — lignes plates
   ------------------------------------------------------------ */
.faq-item, .faq-card {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--m-trait) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 28px 0 !important;
}

.faq-question {
  font-family: 'Cinzel', serif !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--m-encre) !important;
}

.faq-answer {
  font-family: 'IBM Plex Sans', sans-serif !important;
  color: var(--m-encre) !important;
}

/* ------------------------------------------------------------
   14. CONTACT — section encre profonde, formulaire lin
   ------------------------------------------------------------ */
.contact-section, #contact {
  background: var(--m-encre) !important;
}

.contact-section .section-title,
.contact-section h2 { color: var(--m-os) !important; }

.contact-form, .form-container {
  background: var(--m-lin) !important;
  border: 1px solid var(--m-bronze) !important;
  border-radius: 0 !important;
  padding: 48px 40px !important;
  box-shadow: none !important;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
input[type="text"], input[type="email"], textarea {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--m-trait-clair) !important;
  border-radius: 0 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 15px !important;
  color: var(--m-encre) !important;
  padding: 14px 0 !important;
  box-shadow: none !important;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: 0 !important;
  border-bottom-color: var(--m-bronze) !important;
}

.contact-form label {
  font-family: 'Cinzel', serif !important;
  font-size: 10px !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--m-pierre) !important;
}

.contact-form button, .form-submit {
  background: var(--m-encre) !important;
  color: var(--m-os) !important;
  border: 1px solid var(--m-bronze) !important;
  border-radius: 0 !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  padding: 16px 32px !important;
  font-size: 12px !important;
}

.contact-form button:hover {
  background: var(--m-bronze) !important;
  color: var(--m-encre) !important;
}

/* ------------------------------------------------------------
   15. FOOTER
   ------------------------------------------------------------ */
.site-footer, footer {
  background: var(--m-encre) !important;
  color: var(--m-pierre) !important;
  border-top: 1px solid var(--m-trait) !important;
}

.site-footer h3, .footer-brand h3 {
  font-family: 'Cinzel', serif !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--m-os) !important;
  font-size: 16px !important;
}

.site-footer a { color: var(--m-pierre) !important; }
.site-footer a:hover { color: var(--m-bronze-clair) !important; }

/* ------------------------------------------------------------
   16. GALERIE / PHOTOS PLACEHOLDERS — masquer
   ------------------------------------------------------------ */
.galerie-section, .gallery-grid,
section[class*="galerie"] .photo-grid {
  display: none !important;
}

/* Citation de remplacement */
.galerie-quote-replacement {
  background: var(--m-lin-2) !important;
  padding: 120px 24px !important;
  text-align: center !important;
  font-family: 'Spectral', serif !important;
  font-style: italic !important;
  font-size: 26px !important;
  color: var(--m-encre) !important;
  border-top: 1px solid var(--m-trait) !important;
  border-bottom: 1px solid var(--m-trait) !important;
}

/* ------------------------------------------------------------
   17. ADMIN PILL bas-gauche
   ------------------------------------------------------------ */
.admin-pill, #admin-pill {
  background: var(--m-encre) !important;
  color: var(--m-bronze) !important;
  border: 1px solid var(--m-bronze) !important;
  border-radius: 0 !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
}

/* ------------------------------------------------------------
   18. CHATBOT LilIA — couleurs cohérentes
   ------------------------------------------------------------ */
.lilia-bubble, .chatbot-launcher,
#lilia-launcher {
  background: var(--m-encre) !important;
  border: 1px solid var(--m-bronze) !important;
  border-radius: 0 !important;
  color: var(--m-bronze) !important;
}

/* ------------------------------------------------------------
   19. HIDE explicit ❋ runes éventuelles
   ------------------------------------------------------------ */
.brand-rune, .nav-rune, .deco-rune, .rune,
.flower-mark, .ornement {
  display: none !important;
}

/* ------------------------------------------------------------
   20. Responsive guardrails
   ------------------------------------------------------------ */
@media (max-width: 768px) {
  .hero-title, .hero h1 {
    font-size: clamp(36px, 9vw, 64px) !important;
    letter-spacing: 0.04em !important;
  }
  .section-title, section h2 {
    font-size: clamp(28px, 7vw, 44px) !important;
  }
  .nav-cta { padding: 8px 14px !important; font-size: 10px !important; }
  .contact-form { padding: 32px 20px !important; }
}

/* ============================================================
   PATCH 2 — Selectors réels (nav, badges, btn-outline)
   ============================================================ */

/* HEADER vrai selector = .nav (pas .nav-bar) */
.nav, nav.nav {
  background: var(--m-encre) !important;
  border-bottom: 1px solid var(--m-trait) !important;
  box-shadow: none !important;
}

/* Logo central SVG masqué (sage-green + or = Emilie) */
.nav-brand .logo-mark,
.nav-brand .brand-lilian,
.logo-mark.brand-lilian,
.menu-orn, .menu-panel-bg svg,
.menu-panel-sceau {
  display: none !important;
}

/* Hamburger nav-burger */
.nav-burger {
  background: transparent !important;
  border: 1px solid var(--m-pierre) !important;
  color: var(--m-os) !important;
  border-radius: 0 !important;
  padding: 8px 14px !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
.nav-burger .burger-icon { width: 16px; height: 16px; }
.nav-burger .burger-icon path { stroke: var(--m-os) !important; }
.nav-burger:hover { border-color: var(--m-bronze) !important; color: var(--m-bronze) !important; }
.nav-burger:hover .burger-icon path { stroke: var(--m-bronze) !important; }

/* Nav-brand text bien lisible sur fond encre */
.nav-brand-text {
  color: var(--m-os) !important;
  font-family: 'Cinzel', serif !important;
  font-size: 13px !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
.nav-brand-text em {
  color: var(--m-bronze) !important;
  font-style: normal !important;
}

/* Nav CTA = bordure bronze + texte os sur fond encre */
.nav-cta, .nav-cta-compact, a.nav-cta {
  background: transparent !important;
  color: var(--m-os) !important;
  border: 1px solid var(--m-bronze) !important;
  border-radius: 0 !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  padding: 10px 22px !important;
  box-shadow: none !important;
}
.nav-cta:hover { background: var(--m-bronze) !important; color: var(--m-encre) !important; }

/* About-badges (les pills) */
.about-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 20px 0 !important;
}
.about-badges span {
  background: transparent !important;
  border: 1px solid var(--m-bronze) !important;
  color: var(--m-bronze) !important;
  border-radius: 0 !important;
  padding: 7px 16px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  background-image: none !important;
}
.about-badges span:last-child {
  background: var(--m-bronze) !important;
  color: var(--m-encre) !important;
  background-image: none !important;
}

/* btn-outline (Découvrir la voie) */
.btn-outline {
  background: transparent !important;
  color: var(--m-bronze) !important;
  border: 1px solid var(--m-bronze) !important;
  border-radius: 0 !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  padding: 16px 36px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.btn-outline:hover { background: var(--m-bronze) !important; color: var(--m-encre) !important; }

/* Hero btn-outline sur fond noir = texte clair */
.hero .btn-outline { color: var(--m-os) !important; border-color: var(--m-os) !important; }
.hero .btn-outline:hover { background: var(--m-os) !important; color: var(--m-encre) !important; }

/* about-histoire details = bloc plat */
.about-histoire {
  background: rgba(255,255,255,0.5) !important;
  background-image: none !important;
  border: 1px solid var(--m-trait) !important;
  border-radius: 0 !important;
  margin: 0 0 26px !important;
}
.about-histoire summary {
  font-family: 'Cinzel', serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--m-encre) !important;
}
.about-histoire summary em { font-style: normal !important; color: var(--m-bronze) !important; }

/* Section transmission inline gradient → fond uni */
.transmission, section.transmission,
section[id="transmission"] {
  background: var(--m-lin-2) !important;
  background-image: none !important;
  padding: 110px 0 !important;
}

/* Titre section avec em : pas de gradient lourd, juste un accent bronze */
.section-title em, h2 em {
  font-style: normal !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: var(--m-bronze) !important;
  background-clip: initial !important;
  color: var(--m-bronze) !important;
  text-shadow: none !important;
}

/* Ritual mark complètement caché */
.ritual-mark, .ritual-break .ritual-mark,
.silence-star {
  display: none !important;
}

/* Footer coda + footer-coda-mark caché */
.footer-coda, .footer-coda-mark, .footer-coda-quote { display: none !important; }

/* Symboles ❋/✦/✶ via pseudo : neutraliser */
.faq-category-icon, .faq-icon-flower { display: none !important; }

/* Astérisque "✱" qui apparaît dans about (probablement ::before sur quote) */
.about-section blockquote::before,
.about-quote::before,
.quote-section::before {
  content: "" !important;
}

/* Scroll cue */
.scroll-cue {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  color: var(--m-bronze) !important;
}

/* Hero-bg : assombrir si trop vert */
.hero-bg-img, .hero-vignette {
  filter: hue-rotate(-15deg) saturate(0.6) brightness(0.7) !important;
}

/* Soin "transmission reçue" pill featured */
.soin-mention {
  font-family: 'IBM Plex Sans', sans-serif !important;
  color: var(--m-pierre) !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
}
.soin-mention em { color: var(--m-bronze) !important; font-family: 'Spectral', serif !important; }
.soin-mention a { color: var(--m-bronze) !important; border-bottom: 1px solid var(--m-bronze) !important; }

/* Photos rondes/ornements bordés → plat */
img, .about-portrait img, .lilian-portrait,
.testimonial-avatar, .testi-photo {
  border-radius: 0 !important;
  box-shadow: none !important;
}
img.profile-circle, .avatar-circle { border-radius: 50% !important; }

/* Sceau / sceau-lilian.svg → masqué (signature Emilie) */
.menu-panel-sceau img, img[src*="sceau"] { display: none !important; }


/* ============================================================
   PATCH 3 — Nav scrolled + ritual hidden + bouton ME CONTACTER
   ============================================================ */

/* Nav scrolled state — toujours encre profonde */
.nav.scrolled, .nav.is-scrolled, .nav[class*="scroll"] {
  background: var(--m-encre) !important;
  background-color: var(--m-encre) !important;
  border-bottom: 1px solid var(--m-trait) !important;
  box-shadow: none !important;
}

.nav.scrolled .nav-brand-text,
.nav.scrolled .burger-label,
.nav.scrolled .nav-cta { color: var(--m-os) !important; }

.nav.scrolled .nav-cta { border-color: var(--m-bronze) !important; }

/* ritual-mark : caché TOTAL */
.ritual-mark, .ritual-break .ritual-mark,
.ritual-break > div:first-child,
section.ritual-break .ritual-mark {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
}

/* ritual-break section sobre */
.ritual-break {
  background: var(--m-encre) !important;
  padding: 100px 24px !important;
}
.ritual-break::before, .ritual-break::after {
  display: none !important;
  content: none !important;
}
.ritual-quote {
  font-family: 'Spectral', serif !important;
  color: var(--m-lin) !important;
  font-size: 24px !important;
  text-align: center !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 1.6 !important;
}
.ritual-signature {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  color: var(--m-bronze) !important;
  margin-top: 40px !important;
  text-align: center !important;
}

/* silence-star easter egg invisible */
.silence-star { display: none !important; }

/* Forcer le nav-burger / nav-cta lisible peu importe l'état */
.nav .nav-cta, .nav .nav-burger {
  color: var(--m-os) !important;
}
.nav.scrolled .nav-burger { color: var(--m-os) !important; border-color: var(--m-pierre) !important; }
.nav.scrolled .burger-icon path { stroke: var(--m-os) !important; }

/* Hero btn-gold (Me contacter) — bronze plein */
.hero .btn-gold, .hero a.btn-gold {
  background: var(--m-bronze) !important;
  color: var(--m-encre) !important;
  border-color: var(--m-bronze) !important;
}
.hero .btn-gold:hover { background: var(--m-bronze-clair) !important; }

/* Hero-eyebrow ne doit pas avoir un grand espace gris */
.hero-eyebrow {
  color: var(--m-bronze-clair) !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.32em !important;
}

/* Words line "Méditer · S'aligner · Transmettre" — visible */
.hero-words {
  color: var(--m-bronze) !important;
  font-size: 12px !important;
  letter-spacing: 0.4em !important;
  margin-top: 18px !important;
  font-family: 'Cinzel', serif !important;
}

/* About QUI JE SUIS eyebrow */
.about-section .section-eyebrow,
#about .section-eyebrow {
  color: var(--m-bronze) !important;
}

/* About section title "Un passeur au service de la voie" */
#about .section-title {
  color: var(--m-encre) !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
}
#about .section-title em {
  color: var(--m-bronze) !important;
  font-style: normal !important;
  background: none !important;
  -webkit-text-fill-color: var(--m-bronze) !important;
}

/* "Une voie reçue, une lignée vivante" titre transmission — pareil */
.transmission .section-title em,
#transmission .section-title em,
section.transmission h2 em {
  color: var(--m-bronze) !important;
  font-style: normal !important;
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: var(--m-bronze) !important;
}

/* Citation lilien dans about (.about-quote) */
.about-quote, .ritual-quote {
  font-family: 'Spectral', serif !important;
}

/* SCROLL CUE */
.scroll-cue { color: var(--m-bronze-clair) !important; }


/* PATCH 4 — Tuer pseudo-elements ❋ trouvés au runtime */
.quote-section::after,
.quote-section::before,
.faq-answer::before,
.faq-answer::after,
.faq-question::before,
.faq-question::after {
  content: none !important;
  display: none !important;
}

/* Quote-section : forêt-nuit déjà OK, juste supprimer ornement */
.quote-section { padding: 120px 24px !important; }