/*
 * Corrections d'affichage — retours utilisateurs (mails Véronique 24/08).
 * Feuille chargée sur tout le site.
 */

/* ------------------------------------------------------------------ *
 * Corrections globales (tous viewports)
 * ------------------------------------------------------------------ */

/* Retour en haut de page : Elementor pose html{scroll-behavior:smooth},
 * ce qui rend le bouton « haut de page » de GeneratePress très lent sur les
 * pages longues (animation native sur toute la hauteur). On repasse en
 * défilement instantané. Les défilements animés pilotés en JS avec un
 * behavior:"smooth" explicite (ex. le questionnaire) ne sont PAS affectés. */
html {
  scroll-behavior: auto !important;
}

/* Page À propos (667) — titre « EN SAVOIR PLUS » réduit par erreur à 12px :
 * remis à la taille des titres de section (23px, cf. « LE BUT EN SOMME… »). */
body.page-id-667 .elementor-element-ae0e0d9 .elementor-heading-title,
body.page-id-667 .elementor-element-ae0e0d9 h2 {
  font-size: 23px !important;
  line-height: 1.3 !important;
}

/* ------------------------------------------------------------------ *
 * Corrections mobile
 * ------------------------------------------------------------------ */

@media (max-width: 820px) {

  /* Débordements : des conteneurs Elementor cumulent une largeur explicite
     (100 %) et des marges horizontales fixes → le contenu déborde du viewport
     et le texte est coupé à droite. */

  /* À propos (667) — bloc « En savoir plus » : titre (marge 42px) et texte. */
  .elementor-element-0f9ea83,
  .elementor-element-8abe769 {
    width: auto !important;
  }
  .elementor-element-8abe769 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* La formation astro (2544) — conteneurs racine avec marges 30px 20px. */
  .elementor-2544 > .e-con {
    width: auto !important;
  }

  /* Contact (126) — le formulaire CF7 (textarea à largeur intrinsèque) force
     la colonne flex .content-area au-delà du viewport (min-width:auto). */
  .site-content .content-area {
    min-width: 0;
  }
  .wpcf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
  .wpcf7 textarea {
    width: 100%;
    box-sizing: border-box;
  }

  /* Sections oranges pleine largeur dont le texte était collé aux bords
     (padding horizontal 0) — on ajoute une marge intérieure comme les zones
     blanches. La bande de couleur reste pleine largeur, seul le texte se
     décale. Concerne « Ce que cette formation vous apporte » / « Toute
     personne… » (2544) et « DÉCOUVREZ VOTRE PROPRE PROFIL » (655). */
  .elementor-element-53cc99a,
  .elementor-element-ade3d0e {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}