/* Pages légales — mentions-legales.php, cgv.php, confidentialite.php */
:root {
  --paper:#f3ede3; --paper-2:#e9e1d3; --ink:#241c18; --ink-soft:#5a4e45;
  --line:#d3c6b4; --rose:#9a6b68; --rose-deep:#7a4542; --gold:#c4a35a;
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Source Sans 3", "Helvetica Neue", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 17px; line-height: 1.65; overflow-x: hidden; }
a { color: inherit; }

.legal { max-width: 760px; margin: 0 auto; padding: 56px 24px 96px; }
.legal h1 { font-family: var(--serif); font-weight: 600; font-size: 40px; line-height: 1.15; margin: 0; }
.legal .rule { display: block; width: 56px; height: 1px; background: var(--gold); margin: 18px 0 16px; }
.legal .maj { font-size: 14px; color: var(--ink-soft); margin: 0; }

.legal h2 { font-family: var(--serif); font-weight: 600; font-size: 27px; line-height: 1.2; margin: 2.2em 0 .6em; }
.legal h2::before { content: ""; display: block; width: 48px; height: 1px; background: var(--line); margin-bottom: 18px; }
.legal p, .legal ul { margin: 0 0 1em; }
.legal ul { padding-left: 1.2em; }
.legal li { margin-bottom: .4em; }
.legal a { color: var(--rose-deep); text-decoration: none; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.legal a:hover { border-bottom-color: var(--gold); }
.legal .fiche { list-style: none; padding: 20px 24px; border: 1px solid var(--line); background: var(--paper-2); }
.legal .fiche li { margin: 0; }
.legal .fiche li + li { margin-top: 4px; }

@media (min-width: 900px) {
  .legal { padding: 88px 24px 120px; }
  .legal h1 { font-size: 54px; }
}