/* =============================================================================
   CLUB 100 — Feuille dédiée : page publique « Politique de confidentialité »
   -----------------------------------------------------------------------------
   Chargée via $pageCss dans public/pages/confidentialite.php, donc cache-bustée
   par asset_v() (filemtime) dans public/partials/head.php.

   Portée : durcissements responsive propres à cette page de texte légal.
   Le gabarit légal mutualisé (.legal-wrap, .legal-section, conteneur fluide,
   breakpoints 768/375) vit dans public.css (fichier partagé, non modifié ici).
   ============================================================================= */

/* ---------------------------------------------------------------------------
   Confort de lecture mobile (320px → grand écran)
   Les corps de section légaux comportent de longues chaînes non sécables :
   adresses des prestataires (ex. « 65 Chulia Street #38-02/03, OCBC Centre,
   Singapour 049513 »), adresses e-mail de contact et URL. Sans aide au retour
   à la ligne, elles peuvent provoquer un débordement horizontal sous 320px,
   une fois cumulés le padding du conteneur (.container-3xl) et le retrait des
   puces (padding-left des <ul>). On force donc la coupure propre de ces chaînes.
   --------------------------------------------------------------------------- */
.legal-section-body p,
.legal-section-body li {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Les liens (e-mail, CNIL, Google) sont les chaînes les plus longues et les
   plus susceptibles de déborder : coupure sécurisée explicite. Hérite déjà de
   la couleur/soulignement de .legal-section-body a (public.css). */
.legal-section-body a,
.legal-mail {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Filet de sécurité de style pour les liens e-mail générés par legal_mailto().
   Reprend à l'identique le rendu de .legal-section-body a (public.css:271) afin
   que le style tienne même si l'attribut style inline du partial mutualisé
   venait à être retiré (voir sharedInfraNotes). */
.legal-mail {
  color: var(--club-navy);
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   Très petits écrans (≤ 374.98px)
   Gain de largeur utile pour le texte : retrait des puces légèrement resserré,
   taille de titre de section ajustée pour éviter les césures disgracieuses.
   --------------------------------------------------------------------------- */
@media (max-width: 374.98px) {
  .legal-section-body ul { padding-left: 16px; }
  .legal-wrap h1.titre-bloc { font-size: 1.6rem; }
}