.elementor-211 .elementor-element.elementor-element-bdc3eff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ==========================================================
   CoEssence — CSS Page "Mentions légales"
   Où coller : Elementor > page concernée > Avancé > CSS personnalisé

   Ce fichier ne définit plus AUCUNE couleur ni police/taille : elles
   viennent du système central —
     - Couleurs  : ce_couleur_css.php, activées via data-palette (posé par
                   ce_mentions_legales.php sur <section class="ce-legal-page">)
     - Typo      : ce_typo_css.php, appliquée globalement à .eyebrow, h1,
                   h2/h3/h4/h5, body/p — y compris le chargement des polices
   Ne reste ici QUE la mise en page : largeurs, espacements, grilles,
   tableaux, structure des encarts. Si une couleur ou une taille de police
   semble "en dur" quelque part ci-dessous, c'est un oubli à corriger, pas
   un choix voulu.
   ========================================================== */

.ce-legal-page, .ce-legal-page p, .ce-legal-page li{ line-height:1.7; }

.doc-switcher{max-width:920px;margin:0 auto 0;padding:0;}
.doc-switcher ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0;}
.doc-switcher a{
  display:inline-block;font-size:12.5px;text-decoration:none;padding:7px 14px;border-radius:20px;
  border:1px solid currentColor; /* repli navigateurs anciens sans color-mix() */
  border-color:color-mix(in srgb, var(--text) 25%, transparent);
  min-height:32px;line-height:18px; /* cible tactile confortable (accessibilité mobile) */
}
.doc-switcher a.active,
.doc-switcher a[aria-current="page"]{background:var(--h1);color:var(--bg);border-color:var(--h1);}
.doc-switcher a:focus-visible{outline:2px solid var(--h1);outline-offset:2px;}

.page-hero{max-width:920px;margin:0 auto;padding:28px 0 40px;}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;display:inline-block;}
.page-hero h1{line-height:1.15;max-width:16ch;}
.page-hero .lede{max-width:62ch;opacity:.82;}
.meta-line{margin-top:22px;font-size:12.5px;display:flex;gap:18px;flex-wrap:wrap;opacity:.82;}

.layout{max-width:1000px;margin:0 auto;padding:0 0 60px;}
article.clause{margin-bottom:34px;}
article.clause h2{display:flex;gap:10px;align-items:baseline;}
article.clause h2 .num{font-style:italic;opacity:.75;}
article.clause p{margin-bottom:10px;}
article.clause p.small{font-size:0.86em;opacity:.82;}
article.clause ul{margin:8px 0 12px 20px;}
article.clause li{margin-bottom:6px;}

/* ---- Éléments d'accessibilité de saisie interne (pastilles "à compléter") ----
   Couleurs volontairement fixes (ambre), indépendantes de la palette de
   section active : c'est un marqueur d'état de contenu, pas un élément
   éditorial — il doit rester reconnaissable quelle que soit la palette. */
.fill{
  display:inline-flex;align-items:center;gap:6px;
  background:#FBF0DA;border:1px dashed #D9B65B;color:#8A431F;
  font-weight:600;font-size:13px;padding:2px 9px;border-radius:6px;
}
.fill::before{content:"●";font-size:7px;color:#B8912B;}

.box{border-radius:10px;padding:18px 20px;margin:16px 0 26px;font-size:0.88em;}

@media (max-width:600px){
  .page-hero{padding:20px 0 28px;}
  .page-hero h1{max-width:none;}
  article.clause h2{flex-wrap:wrap;}
  .doc-switcher ul{gap:6px;}
  .doc-switcher a{font-size:12px;padding:6px 11px;}
}

/* ==========================================================
   PERFORMANCE — Core Web Vitals / recommandations Google & Olivier Andrieu
   - Chargement des polices centralisé dans ce_typo_css.php (voir en-tête) :
     plus d'@import ici, une seule requête pour tout le site au lieu d'une
     par page — gain direct sur le LCP.
   - Aucune image ni animation lourde sur cette page : pas d'impact CLS/LCP.
   - Aucune règle !important : pas de conflit de spécificité attendu avec
     GeneratePress.
   ========================================================== *//* End custom CSS */