/* ============================================================
   Styles communs aux pages legales.
   Extrait des blocs <style> inline, qui etaient dupliques dans :
     - mentions-legales.php
     - cgu-cookies.php
   Modifier ici plutot que page par page.
   ============================================================ */

.legal-page {
  padding: 100px 0 80px;
  background: var(--bg-white);
  min-height: 70vh;
}
.legal-header {
  margin-bottom: 56px;
}
.legal-header h1 {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  font-weight: 900;
  color: var(--navy);
  letter-spacing: -0.5px;
  margin-bottom: 12px;
}
.legal-section strong {
  color: var(--text);
  font-weight: 600;
}
.legal-contact-link {
  color: var(--blue);
  font-weight: 600;
  text-decoration: none;
}
.legal-contact-link:hover {
  text-decoration: underline;
}
.legal-breadcrumb {
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-bottom: 32px;
}
.legal-breadcrumb a {
  color: var(--blue);
  text-decoration: none;
  font-weight: 500;
}
.legal-breadcrumb a:hover {
  text-decoration: underline;
}
.legal-update {
  font-size: 0.78rem;
  color: var(--text-muted);
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}
.legal-toc {
  background: var(--bg-light);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 24px 28px;
  margin-bottom: 56px;
}
.legal-toc-title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--blue);
  margin-bottom: 14px;
}
.legal-toc ol {
  margin: 0;
  padding-left: 20px;
}
.legal-toc li {
  font-size: 0.88rem;
  color: var(--text-muted);
  margin-bottom: 6px;
  line-height: 1.5;
}
.legal-toc a {
  color: var(--navy);
  text-decoration: none;
  font-weight: 500;
}
.legal-toc a:hover {
  color: var(--blue);
}