/* ═══════════════════════════════════════════════════════════════
   CONTENU.CSS — Pages texte : mentions légales, CGV, confidentialité,
   retours, contact, 404. Un seul gabarit simple et lisible.
   ═══════════════════════════════════════════════════════════════ */

.contenu-legal{max-width:760px;margin:0 auto;padding:44px 0 70px;}
.contenu-legal h1{font-size:27px;margin-bottom:6px;}
.contenu-legal .maj{font-size:12px;color:var(--ink-faint);margin-bottom:34px;}
.contenu-legal h2{font-size:16.5px;margin:34px 0 12px;}
.contenu-legal p{font-size:13.5px;color:var(--ink-muted);line-height:1.8;margin-bottom:12px;}
.contenu-legal ul{margin:0 0 12px;padding-left:20px;}
.contenu-legal li{font-size:13.5px;color:var(--ink-muted);line-height:1.8;}
.contenu-legal .placeholder{color:var(--clay-600);font-weight:600;}
.contenu-legal a{color:var(--teal-700);font-weight:600;}
.contenu-legal a:hover{text-decoration:underline;}

/* ── Contact ── */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:44px 0 70px;align-items:start;}
.contact-canaux{display:flex;flex-direction:column;gap:14px;}
.contact-canal{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-card);}
.contact-canal i{width:40px;height:40px;border-radius:50%;background:var(--teal-100);color:var(--teal-700);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.contact-canal b{display:block;font-size:13.5px;}
.contact-canal span{display:block;font-size:12px;color:var(--ink-faint);}
.contact-form textarea{height:110px;}

/* ── 404 ── */
.page-404{text-align:center;padding:90px 20px 100px;}
.page-404 .code-404{font-family:var(--font-display);font-size:96px;font-weight:800;color:var(--teal-100);line-height:1;}
.page-404 h1{font-size:22px;margin-top:-24px;}
.page-404 p{font-size:13.5px;color:var(--ink-muted);max-width:380px;margin:12px auto 26px;line-height:1.6;}

@media (max-width:800px){
  .contact-grid{grid-template-columns:1fr;}
}