/* 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;
  }
}
