/*!
 * Girafe — pages légales (CGU, confidentialité). Chargé par girafe-footer.php.
 *
 * Le thème rendait ces pages en Gellix (qui n'existe qu'en Bold), bordeaux sur
 * rose, titres et texte à la même taille. Ici : texte en ROM Regular couleur
 * encre sur une carte claire, titres en Gellix bordeaux, une hiérarchie lisible,
 * une colonne de lecture. Tailles en px : le thème pose un root font-size réduit
 * (cf. girafe-footer.php, B-028).
 */
.girafe-legal .page-default {
  max-width: 780px;
  margin: 24px auto 64px;
  padding: 40px 48px 48px;
  background: #fffafc;
  border: 1px solid #ecd9e0;
  border-radius: 20px;
  color: #1f2330;
  font-family: ROM, "Segoe UI", system-ui, sans-serif;
  font-weight: 400;
  font-synthesis: none;
  font-size: 17px;
  line-height: 1.65;
  text-align: left;
}
.girafe-legal .page-default * { text-align: inherit; }
.girafe-legal .page-default > div { width: 100%; max-width: none; }
.girafe-legal .page-default h1 {
  font-family: Gellix, ROM, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.15;
  color: #b83b3b;
  margin: 0 0 8px;
}
.girafe-legal .page-default h2 {
  font-family: Gellix, ROM, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  color: #b83b3b;
  margin: 40px 0 12px;
}
.girafe-legal .page-default h3 {
  font-family: Gellix, ROM, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.35;
  color: #1f2330;
  margin: 28px 0 8px;
}
.girafe-legal .page-default p,
.girafe-legal .page-default li { color: #1f2330; font-size: 17px; font-weight: 400; }
.girafe-legal .page-default p { margin: 0 0 14px; }
/* « Dernière mise à jour… », juste sous le titre. */
.girafe-legal .page-default h1 + div > p:first-child { color: #5b6172; font-size: 15px; }
.girafe-legal .page-default strong,
.girafe-legal .page-default b { font-weight: 500; color: #1f2330; }
.girafe-legal .page-default ul,
.girafe-legal .page-default ol { margin: 0 0 16px; padding-left: 24px; }
.girafe-legal .page-default ul { list-style: disc; }
.girafe-legal .page-default ol { list-style: decimal; }
.girafe-legal .page-default li { margin: 0 0 6px; }
.girafe-legal .page-default a { color: #b83b3b; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.girafe-legal .page-default table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 15px; }
.girafe-legal .page-default th,
.girafe-legal .page-default td { border: 1px solid #ecd9e0; padding: 8px 10px; text-align: left; vertical-align: top; }
.girafe-legal .page-default th { background: #f6dfe3; font-weight: 500; }
@media (max-width: 640px) {
  .girafe-legal .page-default { margin: 12px 0 40px; padding: 24px 18px 32px; border-radius: 14px; font-size: 16px; }
  .girafe-legal .page-default h1 { font-size: 28px; }
  .girafe-legal .page-default h2 { font-size: 20px; margin-top: 32px; }
  .girafe-legal .page-default p,
  .girafe-legal .page-default li { font-size: 16px; }
}

/* Version de travail (doublon) : passages de la note juridique encore à
   résoudre. Jaune = règle proposée à confirmer, gris = fait manquant. */
.girafe-legal .page-default mark { color: #1f2330; padding: 1px 2px; border-radius: 3px; }
.girafe-legal .page-default mark[data-k="y"] { background: #fff1a8; }
.girafe-legal .page-default mark[data-k="g"] { background: #e4e4e8; }
.girafe-legal .page-default .girafe-legal-review { background: #fff7d6; border: 1px solid #e8d48a; border-radius: 12px; padding: 12px 16px; font-size: 15px; }
