/* Je passe le relais — pages légales */

.legal { background: var(--site-cream); }
.legal .container { max-width: 880px; padding-block: 48px 72px; }
.legal h1 { font-size: 40px; letter-spacing: -.02em; margin: 6px 0 4px; }
.legal-date { color: var(--jplr-text-muted); font-size: 13.5px; margin-bottom: 26px; }
.legal h2 { font-size: 22px; letter-spacing: -.01em; margin: 38px 0 12px; }
.legal h3 { font-size: 16px; color: var(--jplr-ink); margin: 22px 0 8px; }
.legal p, .legal li { font-size: 14.5px; line-height: 1.65; color: var(--jplr-text-secondary); }
.legal p { margin: 0 0 12px; }
.legal ul, .legal ol { margin: 0 0 14px; padding-left: 22px; }
.legal li { margin-bottom: 6px; }
.legal a { color: var(--jplr-blue); text-decoration: none; }
.legal a:hover { text-decoration: underline; }
.legal b { color: var(--jplr-ink); }

/* encart « service opéré par Ma Pause Café » */
.legal-operateur {
  background: #fff;
  border: 1px solid var(--site-cream-border);
  border-left: 4px solid var(--site-brown);
  border-radius: 12px;
  padding: 14px 18px;
  margin: 0 0 30px;
}
.legal-operateur p { margin: 0; }

/* coordonnées, organismes, médiateurs */
.legal-card {
  background: #fff;
  border: 1px solid var(--site-cream-border);
  border-radius: 14px;
  padding: 16px 20px;
  margin: 12px 0 18px;
}
.legal-card p { margin: 0 0 4px; }
.legal-card p:last-child { margin-bottom: 0; }

/* tableau finalités / bases légales */
.legal table { width: 100%; border-collapse: collapse; margin: 12px 0 18px; font-size: 13.5px; }
.legal th, .legal td {
  text-align: left;
  padding: 9px 12px;
  border: 1px solid var(--site-cream-border);
  color: var(--jplr-text-secondary);
  line-height: 1.5;
}
.legal th { background: #fff; color: var(--jplr-ink); font-weight: 700; }
.legal tbody tr:nth-child(odd) td { background: #fff; }

.legal-sommaire { columns: 2; column-gap: 32px; }

@media (max-width: 680px) {
  .legal h1 { font-size: 30px; }
  .legal h2 { font-size: 19px; }
  .legal-sommaire { columns: 1; }
  .legal .container { padding-block: 32px 48px; }
}

/* ============================================================
   Raccord avec la charte « café » de la landing (refonte août 2026).
   Ces pages continuent d'utiliser tokens.css + site.css ; on ne
   redéfinit ici que les surfaces de marque (en-tête, titres, liens,
   pied de page) pour que la navigation reste cohérente.
   ============================================================ */
:root {
  --l-espresso: #2E1D13;
  --l-caramel-d: #8F4F22;
  --l-cream: #F5EDE2;
  --l-border: #EFE7DA;
}
/* legal.css n'est chargé que par mentions-legales / cgv / confidentialite :
   ces sélecteurs globaux ne touchent pas la landing. */
.nav { background: rgba(255,255,255,.92); border-bottom: 1px solid var(--l-border); }
.brand { color: var(--l-espresso); }
.nav-links a { color: var(--l-espresso); }
.nav-links a:hover { color: var(--l-caramel-d); }
.footer { background: #241610; color: #B5A28E; }
.footer a, .footer .copyright, .brand-footer { color: #D8C9B8; }
.legal { background: #FAF5EC; }
.legal h1, .legal h2, .legal h3 { color: var(--l-espresso); }
.legal a { color: var(--l-caramel-d); }
.legal b { color: var(--l-espresso); }
.legal-operateur { border-left-color: var(--l-caramel-d); border-color: var(--l-border); }
.legal-card, .legal th, .legal td { border-color: var(--l-border); }