/* ==========================================================================
   Ma formation equicoaching : marges latérales du texte sur ordinateur (2026-09-30)
   Le site n'a pas de thème enfant : Kadence, rangées Kadence Blocks, CSS additionnel du
   Customizer (bannières, articles) et élément Kadence 120 (pied de page). À 1440 px, l'audit
   a mesuré le titre de la bannière et le pied de page à 24 px du bord, le texte des articles
   à 32 px (carte blanche .blog-section-white pleine largeur) et les rangées à 40 px.
   Une seule gouttière fluide, celle de l'agence, jusqu'à 72 px sur grand écran. Téléphone
   inchangé : rangées à 20 px, bannières et pied à 24 px, articles à 40 px.
   Sélecteurs « html body … » + !important : passent devant le CSS généré par Kadence Blocks,
   le CSS additionnel et le style posé dans l'élément du pied de page.
   ========================================================================== */

:root{--equi-gouttiere:clamp(24px,5vw,72px)}

/* Rangées de premier niveau (contenu 1400 px, 20 px de marge intérieure) : la marge
   extérieure complète jusqu'à la gouttière. 0 sous 400 px, 52 px (+ 20 = 72) à 1440 px ;
   sur très grand écran la rangée reste centrée à 1400 px comme avant. */
html body .entry-content>.kb-row-layout-wrap{
  padding-left:clamp(0px,5vw - 20px,52px)!important;
  padding-right:clamp(0px,5vw - 20px,52px)!important;
}

/* Titres posés sur la photo des bannières (.equi-banner-content, .equi-partner-banner-content…)
   et pied de page. */
html body .entry-content [class$="banner-content"],
html body footer.site-footer{
  padding-left:var(--equi-gouttiere)!important;
  padding-right:var(--equi-gouttiere)!important;
}

/* Articles : la carte blanche touche les bords de l'écran, le texte suit sa marge intérieure. */
@media (min-width:769px){
  html body .blog-section-white{
    padding-left:clamp(32px,5vw,72px)!important;
    padding-right:clamp(32px,5vw,72px)!important;
  }
}