/* ══════════════════════════════════════════════════
   ParcSync — Page mentions légales et confidentialité
   (complète style.css : même fond, mêmes cartes en verre)
   ══════════════════════════════════════════════════ */

.legal { padding-block: 48px 72px; }
.legal__bloc { margin-bottom: 24px; padding: 36px 40px; border-radius: 24px; overflow: hidden; scroll-margin-top: 90px; }
.legal__bloc h1 { margin-bottom: 8px; font-size: clamp(26px, 3.4vw, 34px); font-weight: 800; line-height: 1.15; letter-spacing: -.03em; color: var(--encre); }
.legal__bloc h2 { margin: 26px 0 8px; font-size: 16px; font-weight: 700; color: var(--accent-fonce); }
.legal__bloc p { margin-bottom: 10px; font-size: 15px; color: var(--corps); }
.legal__bloc a { color: var(--accent-fonce); text-decoration: underline; text-underline-offset: 3px; }
.legal__bloc a:hover { color: var(--accent); }
.legal__bloc strong { color: var(--encre); font-weight: 700; }
.legal__maj { font-size: 13px !important; color: var(--doux) !important; }

.legal__liste { display: grid; gap: 14px; margin-top: 18px; }
.legal__liste div { display: grid; grid-template-columns: 200px 1fr; gap: 6px 20px; padding-bottom: 14px; border-bottom: 1px solid rgba(15,23,42,.08); }
.legal__liste dt { font-size: 14px; font-weight: 700; color: var(--encre); }
.legal__liste dd { font-size: 15px; color: var(--corps); }

/* Champs encore à renseigner : bien visibles pour ne pas les oublier */
.a-completer { padding: 1px 6px; border-radius: 5px; background: #fef08a; color: #713f12; font-weight: 600; }

@media (max-width: 720px) {
  .legal__bloc { padding: 26px 20px; border-radius: 20px; }
  .legal__liste div { grid-template-columns: 1fr; }
}