/* Pages legales et utilitaires (mentions legales, CGU, contact, FAQ...).
   Reprise des regles de contenu de maquette/assets/legal.css (20/09/2026),
   sans son chrome : l'en-tete et le pied viennent de styles.css. Tout est
   scope sous .pg-legal pour ne toucher aucune autre page. */
.pg-legal{--n100:#E5E5E5;--n500:#6E6E6E;--n700:#565656;--n900:#111111;--r-sm:6px}
/* Le fil d'Ariane garde la largeur et le style du reste du site : seule la
   colonne de texte est resserree. */
.pg-legal main{padding:0 0 72px}
.pg-legal main > .wrap{max-width:920px;padding-top:28px}
.pg-legal .lp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--nuit-2);margin-bottom:10px;display:block}
.pg-legal main h1{font-size:clamp(28px,4vw,42px);max-width:22ch;margin-bottom:8px}
.pg-legal .lp-maj{color:var(--n500);font-size:13.5px;margin-bottom:36px}
.pg-legal main h2{font-family:var(--ft2);font-style:italic;font-weight:800;font-stretch:80%;
  font-size:21px;margin:34px 0 12px;color:var(--nuit)}
.pg-legal main p{color:var(--n700);font-size:15.5px;line-height:1.7;margin:0 0 14px;max-width:70ch}
.pg-legal main p b{color:var(--nuit);font-weight:700}
.pg-legal main ul{color:var(--n700);font-size:15.5px;line-height:1.7;max-width:70ch;padding-left:20px}
.pg-legal main li{margin-bottom:6px}
.pg-legal main > .wrap a:not(.lp-btn){color:var(--nuit-2);text-decoration:underline;text-underline-offset:2px;font-weight:600}

.pg-legal .lp-faq details{border-bottom:1px solid var(--n100);padding:16px 0}
.pg-legal .lp-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;
  font-size:16px;font-weight:600;color:var(--nuit)}
.pg-legal .lp-faq summary::-webkit-details-marker{display:none}
.pg-legal .lp-faq summary::after{content:"+";margin-left:auto;font-size:22px;color:var(--n500);
  transition:transform .2s;line-height:1}
.pg-legal .lp-faq details[open] summary::after{transform:rotate(45deg)}
.pg-legal .lp-faq details p{margin-top:10px}

.pg-legal .lp-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;font-weight:700;
  font-size:14.5px;border-radius:999px;background:var(--fluo);color:var(--sur-fluo);
  text-decoration:none;margin-top:8px}
.pg-legal .lp-btn:hover{background:var(--fluo-f)}

.pg-legal .lp-cookie-tbl{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:14px}
.pg-legal .lp-cookie-tbl th,.pg-legal .lp-cookie-tbl td{text-align:left;padding:9px 12px;
  border-bottom:1px solid var(--n100);vertical-align:top}
.pg-legal .lp-cookie-tbl th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--n500)}

.pg-legal .lp-marchands{display:grid;gap:10px;margin:18px 0}
.pg-legal .lp-m-row{display:flex;align-items:center;justify-content:space-between;gap:16px;
  border:1px solid var(--n100);border-radius:var(--r-sm);padding:14px 16px;font-size:14.5px}
.pg-legal .lp-m-row b{color:var(--nuit)}
.pg-legal .lp-pill{background:#EAF5EF;color:#14764C;font-size:12px;font-weight:700;
  padding:4px 10px;border-radius:999px;flex:none}

@media (max-width:640px){
  .pg-legal main{padding:0 0 48px}
  .pg-legal .lp-cookie-tbl{font-size:13px}
  .pg-legal .lp-cookie-tbl th,.pg-legal .lp-cookie-tbl td{padding:8px 6px}
}

/* Lexique (25/09/2026) : une liste de definitions, un terme par ligne. */
.pg-legal .lp-lexique{margin:8px 0 26px;max-width:70ch}
.pg-legal .lp-lexique dt{font-weight:700;color:var(--nuit);font-size:16px;margin-top:18px;scroll-margin-top:90px}
.pg-legal .lp-lexique dd{margin:4px 0 0;color:var(--n700);font-size:15.5px;line-height:1.7}
.pg-legal .lp-lexique dd a{white-space:nowrap}

/* Boutons de refus / acceptation de la mesure d'audience (page Cookies). */
.pg-legal button.lp-btn{border:0;cursor:pointer;font-family:inherit;margin:4px 0 22px}
.pg-legal .lp-btn[hidden]{display:none}