/* Pages legales : mentions, et le pied de page du site.
   style.css est ecrit pour une application en pleine hauteur, avec un en-tete fixe et des
   panneaux ; une page de texte n'a besoin que de sa palette. On la reprend, on ne la
   redefinit pas — le jour ou les couleurs changent, ces pages suivent. */

.page-legale {
  display: block;
  padding: 0;
  overflow: auto;
}

/* style.css met `main` en grille a deux colonnes pour l'application (panneau lateral +
   vue). Une page de texte n'a pas de panneau : sans ce `display: block`, ses sections se
   repartissaient en deux colonnes et le texte se retrouvait a lire en accordeon. */
.page-legale main {
  display: block;
  max-width: 46rem;
  margin: 0 auto;
  padding: 40px 20px 80px;
  line-height: 1.6;
}

.page-legale h1 {
  font-size: 26px;
  margin: 0 0 28px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--bord);
}

.page-legale h2 {
  font-size: 16px;
  color: var(--or);
  margin: 32px 0 10px;
}

.page-legale p { margin: 10px 0; color: var(--texte-doux); }
.page-legale strong { color: var(--texte); }
.page-legale ul { color: var(--texte-doux); padding-left: 20px; }
.page-legale li { margin: 5px 0; }

.page-legale a { color: var(--or); }
.page-legale a:hover { color: var(--texte); }

.page-legale dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 6px 18px;
  margin: 10px 0;
}
.page-legale dt { color: var(--texte-faible); font-size: 13px; }
.page-legale dd { margin: 0; color: var(--texte); }

/* Les champs qu'on ne peut pas deviner — identite de l'editeur, adresse de contact — sont
   marques pour ne pas partir en ligne tels quels. Un placeholder discret se publierait
   sans que personne le voie ; celui-ci se voit. */
.a-completer {
  color: var(--rouge);
  background: color-mix(in srgb, var(--rouge) 12%, transparent);
  border: 1px dashed var(--rouge);
  border-radius: var(--rayon-s);
  padding: 1px 8px;
  font-size: 13px;
}

.page-legale section.important {
  background: var(--surface);
  border: 1px solid var(--bord);
  border-left: 3px solid var(--or);
  border-radius: var(--rayon);
  padding: 4px 20px 16px;
  margin: 28px 0;
}

.page-legale .note {
  font-size: 13.5px;
  border-left: 2px solid var(--bord-clair);
  padding-left: 14px;
}

.page-legale .retour { font-size: 13px; }

/* Ce fichier n'habille plus que cette page. Le pied du site, qui vivait ici, est passe dans
   style.css : il n'est plus un bloc de texte en fin de page mais une barre fixe, et sa
   hauteur regle celle de la colonne de filtres, la position de la pilule de selection et le
   bas du document. C'est de la mise en page d'application, pas de l'habillage de page
   legale. */