/* ==================================================================
   Les pages légales du salon (24/10/2026)
   ==================================================================
   mentions-legales, confidentialite, cookies, conditions. Chargée après
   pages.css, sans la modifier. Une page légale est un document tapé,
   rien de plus : quelques feuilles agrafées (.liasse, l'agrafe), le
   texte en entier dans .prose.
   ================================================================== */

/* l'agrafe, en haut à gauche, à travers les trois feuilles */
.legal::before {
  content: ""; position: absolute; z-index: 3;
  top: 22px; left: 12px; width: 30px; height: 5px;
  background: #a3a8ab;
  border: 1px solid #5f6468; border-radius: 1px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 3px rgba(0, 0, 0, 0.2);
  transform: rotate(-36deg);
  pointer-events: none;
}
@media (min-width: 761px) {
  .legal { padding-inline: clamp(68px, 4vw + 30px, 86px); }
}
.legal .doc-tete > h1 { grid-column: 1 / -1; }
.prose .lignes { margin-top: 10px; border-top: 0; }
.prose .lignes > div { grid-template-columns: fit-content(min(10em, 28%)) minmax(20px, 1fr) minmax(0, 64%); }
.prose .lignes > div:first-child { padding-top: 6px; }
.prose .lignes dd a.lien-seul { min-height: 0; padding-block: 12px; }

@media (max-width: 600px) {
  .legal::before { top: 12px; left: 6px; width: 24px; }
  .prose .lignes > div { grid-template-columns: 1fr; }
}
@media print {
  .legal::before { display: none; }
}