/* ================================
   Page Mentions légales
   (s’appuie sur les variables de style.css)
=================================== */





/* ================================
   Blocs de sections légales
=================================== */

.legal-section {
  background: #fff;
  border-radius: 14px;
  border: 1px solid color-mix(in oklab, var(--ring) 65%, transparent);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
  padding: 18px 18px 16px;
  margin-top: 18px;
}

.legal-section:first-of-type {
  margin-top: 10px;
}

/* Titre de section */
.legal-section h2 {
  font-size: 1.1rem;
  margin: 0 0 10px;
  color: var(--leaf-700, #166534);
  text-transform: none;
  letter-spacing: 0.01em;
}

/* Texte */
.legal-section p {
  margin: 0 0 10px;
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--text);
}

/* Listes */
.legal-section ul {
  margin: 0 0 10px 1.2rem;
  padding: 0;
  font-size: 0.98rem;
  line-height: 1.7;
  color: var(--text);
}

.legal-section li {
  margin-bottom: 4px;
}

/* Mise en forme des blocs de coordonnées (éditeur / hébergeur) */
.legal-section strong {
  font-weight: 700;
}

/* Liens éventuels */
.legal-section a {
  color: var(--primary);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.legal-section a:hover {
  text-decoration-thickness: 2px;
}

/* Séparation visuelle légère entre blocs */
.legal-section + .legal-section {
  margin-top: 20px;
}

/* ================================
   Footer
=================================== */

.page-legal .site-footer {
  margin-top: 24px;
}

/* ================================
   Responsive
=================================== */

@media (max-width: 640px) {
  .page-legal .landing-section {
    margin: 48px auto 60px;
    padding: 0 14px 20px;
  }

  .legal-section {
    padding: 14px 14px 12px;
  }

  .legal-section h2 {
    font-size: 1.05rem;
  }

  .legal-section p,
  .legal-section ul {
    font-size: 0.96rem;
  }
}