.elementor-218 .elementor-element.elementor-element-710f3ea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ==========================================================
   CoEssence — CSS Page "Confidentialité & utilisation"
   Où coller : Elementor > page concernée > Avancé > CSS personnalisé
   Commun aux deux shortcodes [ce_confidentialite_a] + [ce_confidentialite_b]
   empilés sur la même page.

   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_confidentialite_a.php / _b.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.
   ========================================================== */

.ce-legal-page, .ce-legal-page p, .ce-legal-page li{ line-height:1.7; }
.ce-legal-page a:focus-visible{ outline:2px solid var(--h1); outline-offset:2px; }

.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;
}
.doc-switcher a.active,
.doc-switcher a[aria-current="page"]{background:var(--h1);color:var(--bg);border-color:var(--h1);}

.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:18ch;}
.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;}

/* Étiquettes de juridiction (RGPD/Loi 25/PIPEDA) — couleurs fixes,
   indépendantes de la palette de section : ce sont des repères de lecture
   normalisés, pas des éléments éditoriaux. */
.jurisdiction-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;margin-right:6px;margin-top:14px;}
.jurisdiction-tag.eu{background:#EAF1FB;color:#2C5A9E;}
.jurisdiction-tag.qc{background:#F3E6D3;color:#1a1408;}
.jurisdiction-tag.ca{background:#E4EDE7;color:#3a6b4a;}

.layout{max-width:1000px;margin:0 auto;padding:0 0 40px;}
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;}

.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;}

.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0 24px;}
table{width:100%;border-collapse:collapse;font-size:13.3px;min-width:480px;}
thead th{text-align:left;background:var(--h1);color:var(--bg);padding:9px 12px;font-weight:500;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;}
tbody td{padding:10px 12px;border-bottom:1px solid color-mix(in srgb, var(--text) 18%, transparent);vertical-align:top;opacity:.9;}
tbody tr:nth-child(even){background:color-mix(in srgb, var(--text) 4%, transparent);}
tbody td:first-child{font-weight:500;opacity:1;}

.box{border-radius:10px;padding:18px 20px;margin:16px 0 26px;font-size:0.88em;}
.box.legal-basis{background:#f0ebe0;border:1px solid #ddd2bd;color:#1a1408;}
.box.legal-basis .badge{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#fff;border:1px solid #ddd2bd;padding:2px 8px;border-radius:20px;margin-right:6px;margin-bottom:6px;}

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

/* ==========================================================
   PERFORMANCE / SÉCURITÉ
   - Chargement des polices centralisé dans ce_typo_css.php : plus d'@import
     ici, une seule requête pour tout le site.
   - Les liens externes (CNIL, CAI, CPVP) utilisent rel="noopener noreferrer"
     côté PHP pour bloquer tabnabbing et fuite de referrer.
   - Aucune règle !important, pas de conflit de spécificité attendu.
   ========================================================== *//* End custom CSS */