.elementor-16724 .elementor-element.elementor-element-46e8a7ef{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-47919506 *//* ---- tokens + fond de page (portés par #content, hérités par les enfants) ---- */
body.page-id-16724 #content{
  --paper:#F6F7F5; --paper2:#FFFFFF; --wash:#FBFCFB;
  --ink:#212B27; --soft:#55605B;
  --rule:#E7EAE7; --rule2:#D3D8D4;
  --petrol:#2A4851; --petrol-d:#1E353D;
  --sage:#7BA7A2;
  --brass:#9A8355; --brass2:#C2A878;
  --serif:"Alice",Georgia,serif;
  --util:"Questrial","Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  background:var(--wash); color:var(--ink); font-family:var(--util);
  padding:0 24px 90px; overflow-x:clip;
}

/* ===== EN-TÊTE (H1 natif WordPress + cartel « overline » via ::before) ===== */
body.page-id-16724 .page-header{
  max-width:1000px; margin:0 auto; text-align:center; padding:76px 0 30px;
}
body.page-id-16724 .page-header::before{
  content:"Sookoa · Politique de cookies";
  display:block; font-family:var(--serif); font-size:12px; letter-spacing:.3em;
  text-transform:uppercase; color:var(--brass); margin:0 0 20px;
}
body.page-id-16724 .page-header h1.entry-title{
  font-family:var(--serif); font-weight:400; font-size:clamp(38px,5.4vw,60px);
  line-height:1.03; letter-spacing:-.01em; color:var(--ink); margin:0;
}

/* ===== CONTENEUR DOCUMENT ===== */
body.page-id-16724 #cmplz-document{
  max-width:880px; margin:0 auto; color:var(--soft);
  font-family:var(--util); font-size:16px; line-height:1.78;
}
/* la ligne « Cette politique … a été mise à jour … » = note de date centrée */
body.page-id-16724 #cmplz-document > p:first-child{
  text-align:center; margin:0 0 54px;
}
body.page-id-16724 #cmplz-document > p:first-child i{
  font-style:italic; color:var(--sage); font-size:13.5px; letter-spacing:.02em;
}

/* ===== TITRES DE SECTION (1. … 10.) ===== */
body.page-id-16724 #cmplz-document h2{
  font-family:var(--serif); font-weight:400; font-size:clamp(24px,3vw,30px);
  line-height:1.2; letter-spacing:-.01em; color:var(--ink);
  margin:52px 0 22px; padding-top:26px; border-top:1px solid var(--rule);
}
body.page-id-16724 #cmplz-document h2:first-of-type{ border-top:0; padding-top:0; margin-top:0; }

/* ===== SOUS-TITRES DIRECTS (5.1 … 5.5, 7.1) — pas les noms de service ===== */
body.page-id-16724 #cmplz-document > h3{
  font-family:var(--serif); font-weight:400; font-size:20px; line-height:1.25;
  color:var(--ink); margin:34px 0 8px; position:relative; padding-top:18px;
}
body.page-id-16724 #cmplz-document > h3::before{
  content:""; position:absolute; top:0; left:0; width:34px; height:1px; background:var(--brass);
}

/* ===== PARAGRAPHES, LIENS, LISTES ===== */
body.page-id-16724 #cmplz-document p{
  font-family:var(--util); font-size:16px; color:var(--soft); line-height:1.78; margin:0 0 16px;
}
body.page-id-16724 #cmplz-document a{
  color:var(--petrol); text-decoration:none;
  border-bottom:1px solid rgba(42,72,81,.38); transition:.18s var(--ease);
}
body.page-id-16724 #cmplz-document a:hover{ color:var(--petrol-d); border-bottom-color:var(--brass2); }
body.page-id-16724 #cmplz-document ul{ list-style:none; margin:4px 0 20px; padding:0; }
body.page-id-16724 #cmplz-document ul li{
  position:relative; padding:0 0 12px 22px; font-family:var(--util);
  font-size:16px; color:var(--soft); line-height:1.7;
}
body.page-id-16724 #cmplz-document ul li::before{
  content:""; position:absolute; left:0; top:11px; width:7px; height:1px; background:var(--brass);
}

/* =========================================================================
   SECTION 6 — « Cookies placés » : chaque service = une carte pliable (details)
   ========================================================================= */
body.page-id-16724 #cmplz-cookies-overview{ margin:8px 0 8px; }

body.page-id-16724 #cmplz-cookies-overview details.cmplz-dropdown{
  background:var(--paper2); border:1px solid var(--rule); border-radius:8px;
  box-shadow:0 18px 40px -34px rgba(30,53,61,.4);
  margin:0 0 12px; padding:0 26px; overflow:hidden;
}

/* en-tête cliquable : nom du service + catégorie + marqueur +/- */
body.page-id-16724 #cmplz-cookies-overview summary.cmplz-service-header{
  list-style:none; cursor:pointer; padding:20px 0; position:relative;
}
body.page-id-16724 #cmplz-cookies-overview summary.cmplz-service-header::-webkit-details-marker{ display:none; }
body.page-id-16724 #cmplz-cookies-overview summary > div{
  display:flex; align-items:center; gap:14px; padding-right:34px; margin:0;
}
body.page-id-16724 #cmplz-cookies-overview summary h3{
  font-family:var(--serif); font-weight:400; font-size:18px; line-height:1.2;
  color:var(--ink); margin:0;
}
/* la catégorie (Fonctionnel / Statistiques / Marketing…) = pastille laiton */
body.page-id-16724 #cmplz-cookies-overview summary > div > p{
  margin:0 0 0 auto; font-family:var(--util); font-size:10px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--sage);
  border:1px solid var(--rule2); border-radius:40px; padding:5px 12px; line-height:1;
}
body.page-id-16724 #cmplz-cookies-overview summary::after{
  content:"+"; position:absolute; right:0; top:50%; transform:translateY(-50%);
  font-family:var(--util); font-size:22px; font-weight:300; color:var(--brass); transition:.2s var(--ease);
}
body.page-id-16724 #cmplz-cookies-overview details[open] summary::after{ content:"\2013"; }

/* corps de la carte : Utilisation / Partage de données */
body.page-id-16724 #cmplz-cookies-overview .cmplz-service-description,
body.page-id-16724 #cmplz-cookies-overview .cmplz-sharing-data{
  padding:0 0 4px; border-top:1px solid var(--rule); margin-top:2px; padding-top:18px;
}
body.page-id-16724 #cmplz-cookies-overview h4{
  font-family:var(--util); font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--brass); margin:0 0 8px; font-weight:400;
}
body.page-id-16724 #cmplz-cookies-overview .cmplz-service-description p,
body.page-id-16724 #cmplz-cookies-overview .cmplz-sharing-data p{
  font-size:14.5px; color:var(--soft); line-height:1.65; margin:0 0 14px;
}

/* tableau des cookies (grille label / valeur, robuste aux services multi-cookies) */
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose{
  display:grid; grid-template-columns:130px 1fr; gap:0 20px;
  padding:16px 0 4px; border-top:1px solid var(--rule); margin-top:2px;
}
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .purpose{
  grid-column:1 / -1; margin:0 0 6px;
}
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .purpose h4{
  color:var(--sage); margin:0 0 4px;
}
/* libellés Nom / Expiration / Fonction (colonne gauche) */
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .name-header h5,
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .retention-header h5,
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .function-header h5{
  font-family:var(--util); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--sage); margin:0; font-weight:400;
}
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose > div{ padding:6px 0; }
/* valeurs (colonne droite) */
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .name,
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .retention,
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .function{
  font-size:14px; color:var(--ink); line-height:1.5; word-break:break-word;
}
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .name a{
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; font-size:13px;
}
/* filet de séparation avant chaque nouveau cookie (début = ligne « Nom ») */
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .name-header,
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .name{
  border-top:1px solid var(--rule); margin-top:8px; padding-top:12px;
}
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .purpose + .name-header,
body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .purpose + .name-header + .name{
  border-top:0; margin-top:0; padding-top:6px;
}

/* =========================================================================
   SECTION 7 — bloc « Gérer les options » (widget Complianz vivant) : respiration
   ========================================================================= */
body.page-id-16724 #cmplz-document #cmplz-manage-consent-container{ margin:10px 0 8px; }
body.page-id-16724 #cmplz-document #cmplz-manage-consent-container-nojavascript{
  font-size:14.5px; color:var(--soft); background:var(--paper);
  border:1px solid var(--rule); border-radius:8px; padding:18px 22px; margin:0 0 8px;
}

/* =========================================================================
   SECTION 10 — bloc coordonnées : encart filet laiton (comme .adr des mentions)
   ========================================================================= */
body.page-id-16724 #cmplz-document .cmplz-contact-organisation{
  display:block; font-family:var(--serif); font-size:17px; color:var(--ink); margin-bottom:2px;
}
body.page-id-16724 #cmplz-document .cmplz-contact-address,
body.page-id-16724 #cmplz-document .cmplz-contact-country,
body.page-id-16724 #cmplz-document .cmplz-contact-domain,
body.page-id-16724 #cmplz-document .cmplz-contact-email,
body.page-id-16724 #cmplz-document .cmplz-contact-telephone{
  font-family:var(--serif); font-size:15.5px; color:var(--ink); line-height:1.7;
}

/* =========================================================================
   RESPONSIVE / ACCESSIBILITÉ
   ========================================================================= */
@media(max-width:600px){
  body.page-id-16724 #content{ padding:0 16px 66px; }
  body.page-id-16724 .page-header{ padding:52px 0 26px; }
  body.page-id-16724 .page-header::before{ letter-spacing:.2em; font-size:11px; }
  body.page-id-16724 #cmplz-cookies-overview details.cmplz-dropdown{ padding:0 18px; }
  body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose{ grid-template-columns:1fr; gap:0; }
  body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .name-header,
  body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .name{ margin-top:6px; padding-top:10px; }
  body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .retention-header h5,
  body.page-id-16724 #cmplz-cookies-overview .cookies-per-purpose .function-header h5{ margin-top:8px; }
}
@media(prefers-reduced-motion:reduce){
  body.page-id-16724 #content *{ transition:none !important; }
}
body.page-id-16724 #cmplz-document a:focus-visible,
body.page-id-16724 #cmplz-cookies-overview summary:focus-visible{
  outline:1px solid var(--brass); outline-offset:3px; border-radius:2px;
}/* End custom CSS */