/* =============================================================================
   CLUB 100 — Écran public « CGU » (public:cgu)
   Correctifs responsive propres à cet écran, chargés APRÈS public.css
   (via $pageCss dans head.php) et donc prioritaires à specificité égale.
   Tout est scopé sous .page-cgu (classe wrapper ajoutée au <body> par
   public/pages/cgu.php) afin de ne JAMAIS impacter les autres pages légales
   qui partagent le gabarit public/partials/legal.php.
   Breakpoints de référence : 320 / 375 / 768 / 1024.
   ============================================================================= */

/* ---- Liens inline des sections (dont mailto §9 + clause de médiation) --------
   Garde-fou anti-débordement horizontal : les adresses e-mail / URLs longues
   doivent se couper proprement de 320px à grand écran (pas de scroll latéral). */
.page-cgu .legal-section-body a {
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ---- Lien « Retour à l'accueil » : seule action interactive de l'écran -------
   Sur desktop on conserve le rendu d'origine ; la cible tactile est agrandie
   ci-dessous sous 768px (référentiel : cibles ≥ 40px, 44px recommandé). */
.page-cgu .legal-back {
  overflow-wrap: break-word;
}

/* ---- Sous 768px : compacité + cibles tactiles ------------------------------ */
@media (max-width: 767.98px) {
  /* Cible tactile du lien de retour portée à ≥ 44px (référentiel CLUB 100). */
  .page-cgu .legal-back {
    min-height: 44px;
    padding: 8px 4px;
    align-items: center;
  }

  /* Titre légèrement resserré pour tenir sur une ligne lisible en mobile. */
  .page-cgu .legal-wrap h1.titre-bloc {
    font-size: 1.6rem;
    line-height: 1.25;
  }
}

/* ---- Sous 375px : derniers ajustements très petits écrans (320 → 374.98) ---- */
@media (max-width: 374.98px) {
  .page-cgu .legal-wrap h1.titre-bloc {
    font-size: 1.45rem;
  }
}