/* ══════════════════════════════════════════
   PAGES LÉGALES — Mentions légales / Confidentialité / Cookies
   Version claire, cohérente avec la nouvelle DA de la homepage.
   Scopé sous body.page-light-legal pour ne pas affecter les autres
   pages (Expertises, Secteurs, Blog, À propos...) qui partagent
   les mêmes classes .ph / .legal-* via pages.css.
══════════════════════════════════════════ */

body.page-light-legal {
  background-color: #FBFCFD;
  color: #16232F;
}

/* ── Bandeau d'en-tête (.ph), remplace la version sombre ──────── */
.page-light-legal .ph__label {
  color: #1C7FB0;
  background: rgba(39, 175, 230, 0.08);
  border-color: rgba(39, 175, 230, 0.16);
}
.page-light-legal .ph__title { color: #16232F; }
.page-light-legal .ph__sub { color: #4B5D70; }
.page-light-legal .ph__fade {
  background: linear-gradient(to bottom, transparent, #FBFCFD);
}

/* ── Contenu ────────────────────────────────────────────────── */
.page-light-legal .legal-section {
  background: #FBFCFD;
  padding: 20px 0 100px;
}

.page-light-legal .legal-inner {
  max-width: 760px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

.page-light-legal .legal-block {
  background: #fff;
  border: 1px solid rgba(22, 35, 47, 0.08);
  border-radius: 16px;
  padding: 1.8rem 2rem;
  box-shadow: 0 20px 50px -30px rgba(22, 35, 47, 0.15);
}

.page-light-legal .legal-title {
  font-family: 'Nunito', sans-serif;
  font-size: 1.3rem;
  color: #16232F;
  margin-bottom: 0.9rem;
}

.page-light-legal .legal-block p {
  color: #4B5D70;
  line-height: 1.7;
  font-size: 0.95rem;
  margin-bottom: 0.9rem;
}
.page-light-legal .legal-block p:last-child { margin-bottom: 0; }
.page-light-legal .legal-block strong { color: #16232F; }
.page-light-legal .legal-block a { color: #27AFE6; text-decoration: underline; }
.page-light-legal .legal-block a:hover { color: #1C7FB0; }

.page-light-legal .legal-list {
  list-style: none;
  padding: 0;
  margin: 0.8rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.page-light-legal .legal-list li { color: #4B5D70; font-size: 0.92rem; }
.page-light-legal .legal-list li span {
  color: #16232F;
  font-weight: 600;
  margin-right: 0.3rem;
}

.page-light-legal .legal-update {
  font-size: 0.8rem;
  color: #5A7A99;
  margin-top: 1.2rem;
  font-style: italic;
}

/* ── Tableaux (page cookies) ───────────────────────────────────── */
.page-light-legal .cookie-table-wrap {
  overflow-x: auto;
  margin: 1rem 0;
  border: 1px solid rgba(22, 35, 47, 0.08);
  border-radius: 12px;
}

.page-light-legal .cookie-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.page-light-legal .cookie-table th {
  background: #F2F6FA;
  color: #16232F;
  text-align: left;
  padding: 0.7rem 1rem;
  font-weight: 600;
  border-bottom: 1px solid rgba(22, 35, 47, 0.08);
  white-space: nowrap;
}

.page-light-legal .cookie-table td {
  padding: 0.7rem 1rem;
  color: #4B5D70;
  border-bottom: 1px solid rgba(22, 35, 47, 0.06);
  vertical-align: top;
}

.page-light-legal .cookie-table tr:last-child td { border-bottom: none; }

/* ── Bloc "gérer mes préférences" ─────────────────────────────── */
.page-light-legal .cookie-pref-block {
  background: #F7FAFC;
  border: 1px solid rgba(22, 35, 47, 0.08);
  border-radius: 14px;
  padding: 1.4rem 1.6rem;
}

.page-light-legal .cookie-pref-block .ck-btn--secondary {
  background: #fff;
  border: 1px solid rgba(22, 35, 47, 0.15);
  color: #4B5D70;
}