/* 12.aug.2026 GSC Hermes - justification du corps de texte (demande Sarah 12/08/2026).
   v3 (QA Sarah 12/08 soir) :
   - Les textes sous les 4 pictogrammes de l'accueil (Envie de vendre au juste prix,
     Comment ca marche, Nous contacter, Paiement) sont desormais JUSTIFIES.
   - Le bloc du carrousel "Plus d'infos" + numero de telephone + adresse mail ne doit
     JAMAIS etre justifie (regle Sarah, telephone/iPad) : remis comme avant et verrouille.
   Paragraphes du contenu principal : justifies + cesures automatiques selon la langue
   de la page (html lang fr/en/nl), pour eviter les trous blancs sur petit ecran.
   Additif : ne touche ni titres, ni menus, ni boutons, ni footer, ni tableaux. */
main#main p,
main#main .faq_body,
main#main .txtPageClientText,
main#main .contenuFC,
main#main .contenuFCRight {
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
/* Garde-fous : composants de design dont le texte court garde son alignement d'origine.
   (une ligne justifiee retombe a gauche, ce qui casserait ces elements) */
main#main .prixReservation p,
main#main .rowPrixVente p,
main#main .bgWhiteCharte p,
main#main .toDown p,
main#main .txtPageCtc p,
main#main .breadcrumb,
main#main .paginate,
main#main .lienqst p,
main#main .btn,
main#main button {
  text-align: inherit;
  hyphens: manual;
  -webkit-hyphens: manual;
}
/* Regle Sarah 12/08/2026 : le "Plus d'infos" avec le telephone et le mail du carrousel
   ne se justifie pas, sur aucun ecran. Alignement d'origine du theme, verrouille. */
main#main .lienCarousel,
main#main .lienCarousel a,
main#main .lienCarousel p,
main#main .contactCarousefa,
main#main .contactCarousefa p,
main#main .contactCarousefa a {
  text-align: start !important;
  hyphens: manual;
  -webkit-hyphens: manual;
}

/* 14.aug.2026 v4 GSC Hermes - largeur de lecture mobile (demande Sarah 14/08/2026).
   Le theme enferme le corps de page dans 3rem (48px) de remplissage de chaque cote
   sous 768px (#blockRightText .contenuFC { padding:3rem }) : colonne de texte de
   ~270px sur iPhone (69% de l'ecran), lignes trop courtes, lecture "en crawl".
   Correctif : remplissage lateral ramene a 1rem (16px), rythme vertical 3rem conserve.
   Ce fichier charge apres style.css : la regle ci-dessous gagne a specificite egale.
   Ne touche pas aux tablettes (>=768px) ni au desktop. */
@media (max-width: 767.98px) {
  #blockRightText .contenuFC {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #blockWiget .contenuFC {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* 15.aug.2026 v5 GSC Hermes - largeur de lecture unique (demande Sarah 15/08/2026).
   Constat au DOM (1440px) : l'accueil alterne blocs larges et etroits (paragraphes
   editoriaux a 840px soit ~99 caracteres/ligne, note du cours a 1144px, cartes a
   307px) -> impression de retrecissement au milieu de page ; la FAQ fait l'inverse
   (reponses 782px en 14px soit ~112 caracteres/ligne, bloc "pour aller plus loin"
   a 1296px soit ~185) ; pages interieures ~95 caracteres/ligne.
   Cible typographique : 70 a 80 caracteres par ligne, partout.
   L'unite ch suit la taille de police de chaque bloc. CALIBRAGE MESURE (canvas
   measureText, police Lora du site) : 1ch Lora ~= 0,62 x corps mais la lettre
   moyenne ~= 0,44 x corps -> 72ch donnait 95-101 caracteres reels. 55ch ~= 73-77
   caracteres reels par ligne, quelle que soit la taille (13, 14, 16 ou 17px).
   A partir de 768px seulement : sous ce seuil les colonnes sont deja plus etroites
   que la cible (correctif v4). Ne touche ni titres, ni menus, ni boutons, ni
   cartes courtes (deja sous le plafond), ni tableaux. */
@media (min-width: 768px) {
  .gsc26 .gsc-txt > p,
  .gsc26 .gsc-note,
  main#main .faq_body p,
  main#main .faq_body li,
  .pour-aller-plus-loin p,
  .pour-aller-plus-loin li,
  main#main .contenuFC p,
  main#main .contenuFC li,
  main#main .contenuFCRight p,
  main#main .contenuFCRight li {
    max-width: 55ch;
  }
  /* Intros centrees de sections (services, estimation, cours) : meme plafond,
     marges automatiques pour rester centrees sous leur titre. */
  .gsc26 .gsc-head-c > p {
    max-width: 55ch;
    margin-left: auto;
    margin-right: auto;
  }
}