/* Start custom CSS for html, class: .elementor-element-620ab88 *//* ===========================
   FIX FAQ MOBILE (sans impact Desktop)
   Scope : uniquement le bloc FAQ dans #hformatik-about-root
=========================== */

@media (max-width: 640px){

  /* Cible uniquement la section FAQ (celle qui contient "Questions Fréquentes") */
  #hformatik-about-root section.py-24.bg-white{
    overflow-x: hidden !important;
  }

  /* Boutons FAQ : autoriser le wrapping dans un flex */
  #hformatik-about-root section.py-24.bg-white button{
    width: 100%;
    max-width: 100%;
    gap: 12px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Texte de question : min-width:0 indispensable en flex + retour à la ligne */
  #hformatik-about-root section.py-24.bg-white button > span:first-child{
    min-width: 0 !important;
    flex: 1 1 auto !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.25 !important;
    font-size: 16px !important;
  }

  /* Icône chevron : ne doit jamais pousser le texte */
  #hformatik-about-root section.py-24.bg-white button > span:last-child{
    flex: 0 0 auto !important;
  }

  /* Réponse : supprime le padding right (pr-8) en mobile + wrap */
  #hformatik-about-root section.py-24.bg-white p{
    padding-right: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}/* End custom CSS */