/* Pages légales : la même identité que le site, en beaucoup plus sobre.
   Ce qui compte ici c'est de pouvoir lire, pas de faire de l'effet. */

:root{
  --fond:#05050a;
  --texte:rgba(255,255,255,.78);
  --pale:rgba(255,255,255,.45);
  --titre:#fff;
  --orange:#ff8a3d;
  --filet:rgba(255,255,255,.1);
}

body.legal{
  margin:0;
  background:var(--fond);
  color:var(--texte);
  font-family:Poppins,system-ui,sans-serif;
  font-weight:300;
  font-size:14.5px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

.legal-tete{padding:26px 24px;border-bottom:1px solid var(--filet)}
.legal-retour img{width:118px;height:auto;display:block}

.legal-corps{max-width:720px;margin:0 auto;padding:52px 24px 24px}

.legal h1{
  margin:0;
  font-size:34px;line-height:1.15;font-weight:500;letter-spacing:-.03em;
  color:var(--titre);
}
.legal-chapo{margin:14px 0 0;color:var(--pale);font-size:14px}

.legal h2{
  margin:46px 0 0;
  font-size:17px;font-weight:600;letter-spacing:-.015em;
  color:var(--titre);
}
.legal h2::after{
  content:"";display:block;width:38px;height:2px;
  background:var(--orange);margin-top:10px;border-radius:2px;
}

.legal p{margin:14px 0 0}
.legal a{color:var(--orange);text-decoration:none}
.legal a:hover{text-decoration:underline}

/* les informations en deux colonnes : intitulé à gauche, valeur à droite */
.legal-liste{
  margin:18px 0 0;padding:0;
  display:grid;grid-template-columns:minmax(140px,34%) 1fr;
  gap:1px;
  border:1px solid var(--filet);border-radius:12px;overflow:hidden;
  background:var(--filet);
}
.legal-liste dt,
.legal-liste dd{margin:0;padding:12px 16px;background:#08080e}
.legal-liste dt{color:var(--pale);font-size:13px}
.legal-liste dd{color:var(--texte);font-size:13.5px}

.legal-pied{
  max-width:720px;margin:0 auto;
  padding:36px 24px 56px;
  border-top:1px solid var(--filet);
  display:flex;gap:22px;flex-wrap:wrap;
  font-size:13px;
}
.legal-pied a{color:var(--pale)}
.legal-pied a:hover{color:var(--orange);text-decoration:none}

@media (max-width:640px){
  .legal-corps{padding-top:34px}
  .legal h1{font-size:27px}
  .legal-liste{grid-template-columns:1fr;gap:0}
  .legal-liste dt{padding-bottom:0;background:#08080e}
  .legal-liste dd{padding-top:4px;border-bottom:1px solid var(--filet)}
}