/* =========================================================
   SNTS — legals.css
   Pages légales : Mentions, CGU, CGV, Confidentialité
   ========================================================= */

/* ===== Wrapper ===== */
.page-legale {
    max-width: 920px;
    margin-inline: auto;
    padding:
      clamp(90px, 12vh, 130px)
      clamp(20px, 4vw, 32px)
      clamp(60px, 8vh, 90px);
  
    color: var(--text);
    line-height: 1.7;
  }
  
  /* ===== Titre principal ===== */
  .page-legale-title {
    font-size: clamp(1.9rem, 3.2vw, 2.6rem);
    font-weight: 1000;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: clamp(32px, 5vh, 56px);
  
    color: var(--accent-2); /* rose SNTS */
  }
  
  /* ===== Contenu ===== */
  .page-legale-content {
    display: grid;
    gap: 1.2em;
    font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
  }
  
  /* Paragraphes */
  .page-legale-content p {
    margin: 0;
    opacity: 0.95;
  }
  
  /* ===== Titres secondaires ===== */
  .page-legale-content h2 {
    margin-top: 2.2em;
    margin-bottom: 0.6em;
  
    font-size: clamp(1.25rem, 1.6vw, 1.45rem);
    font-weight: 900;
    letter-spacing: -0.01em;
  
    color: var(--accent); /* vert */
  }
  
  .page-legale-content h3 {
    margin-top: 1.6em;
    margin-bottom: 0.4em;
  
    font-size: 20px;
    font-weight: 800;
  
    color: var(--accent-3); /* bleu */
  }
  
  /* ===== Liens ===== */
  .page-legale-content a {
    color: var(--accent-2);
    text-decoration: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.22em;
    transition: color var(--speed), text-underline-offset var(--speed);
  }
  
  .page-legale-content a:hover {
    color: var(--accent-3);
    text-underline-offset: 0.35em;
  }
  
  .page-legale-content a:focus-visible {
    outline: 2px solid var(--accent-3);
    outline-offset: 3px;
    border-radius: 4px;
  }
  
  /* ===== Listes ===== */
  .page-legale-content ul,
  .page-legale-content ol {
    padding-left: 1.2em;
    margin: 0.6em 0 0.8em;
  }
  
  .page-legale-content li {
    margin-bottom: 0.4em;
  }
  
  /* ===== Séparateurs implicites ===== */
  .page-legale-content hr {
    border: 0;
    height: 1px;
    margin: 2.5em 0;
    background: linear-gradient(
      90deg,
      transparent,
      color-mix(in srgb, var(--text) 20%, transparent),
      transparent
    );
  }
  
  /* ===== Blocs info (si WP génère <strong> + <br>) ===== */
  .page-legale-content strong {
    font-weight: 900;
    color: var(--text);
  }
  
  /* ===== Mobile ===== */
  @media (max-width: 640px) {
    .page-legale {
      padding-top: 80px;
    }
  
    .page-legale-title {
      text-align: left;
    }
  }