/* Paragraphes justifiés sur téléphone : pages de marque (accueil, réalisations, site vitrine).
   Demande de Nathan, 7 nov. 2026 : « Sur mobile ecris tout les paragraphes dans le site en justifie stp ».
   Même règle que le 17 sept. : paragraphes justifiés avec césure française (lang="fr"), dernière
   ligne alignée à gauche ; listes, titres, surtitres, boutons, étiquettes, chiffres et phrases
   d'accroche gardent leur alignement.
   Seuil 760 px, celui de mobile.css : tablette et ordinateur ne changent pas. */
@media (max-width: 760px) {
  main :is(p, blockquote):not(
    /* Contenu de liste et texte réservé aux lecteurs d'écran */
    li *, .sr-only,
    /* Surtitres, étiquettes, légendes de cartes et indications de carrousel */
    [class*="eyebrow"], .lp-contact-stage, .lp-review-head, .lp-done-badge, .lp-top-reviews,
    .scene-caption p, .visibility-beneficiary p, .project-caption p, .lp-work-meta p, .lp-work-hint, .lp-reviews-hint,
    /* Prix et chiffres, avec leur légende et leur source */
    .hero-price, .offer-price, .lp-top-price, .lp-offer-price, .project-count, .visibility-results p, .lp-stat p,
    /* Signatures, messages de formulaire et lignes de lien */
    .lp-signed, .lp-contact-signed, .lp-error, .lp-suggest, .lp-form-status, .lp-recap, .scene-error,
    .lp-section-cta, .lp-calendly-fallback, .visibility-case-link,
    /* Phrases d'accroche composées ligne à ligne (retour à la ligne voulu) et phrase d'affiche */
    p:has(> br), .poster-note,
    /* Paragraphe contenant une adresse e-mail (lien, ou texte marqué data-address par
       landing-document.ts) : elle ne doit pas être coupée et ouvrirait un grand blanc */
    p:has(a[href^="mailto:"]), p[data-address]
  ) {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
    /* Césure seulement dans les mots d'au moins 6 lettres, 3 lettres minimum de chaque côté
       (« Resite » n'est jamais coupé) ; Safari : au plus 3 lignes coupées à la suite (à 2, une
       quatrième ligne s'ouvrait jusqu'à 8 fois l'espace normal, mesuré le 7 nov.). */
    hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-lines: 3;
    /* Dans Safari, text-wrap: pretty (réponses de FAQ, avis) bloque presque toute césure et
       ouvre de grands blancs une fois le texte justifié : mesuré le 7 nov., retour à la ligne
       normal pour les paragraphes justifiés. */
    text-wrap-style: auto !important;
  }

  /* Un lien (adresse, nom de client, page) n'est jamais coupé par la césure. */
  main :is(p, blockquote) a {
    -webkit-hyphens: manual;
    hyphens: manual;
  }

  /* Paragraphe d'un bloc centré (fin de /realisations) : sa dernière ligne reste centrée. */
  .closing p {
    text-align-last: center;
  }
}