/* ==========================================================================
   Solea Climatisation Lyon : marges latérales (2026-09-30)
   solea-clim.css impose « padding:80px 20px !important » à toutes les sections, avec un
   conteneur intérieur de 1400 px : sur un écran d'ordinateur, bannière et textes démarraient
   à 20 px du bord. Une seule gouttière fluide : 20 px sur téléphone (inchangé), jusqu'à 72 px
   sur grand écran. Seules les marges gauche/droite changent : sur un écran assez large pour
   les 1400 px, rien ne bouge.
   Chargée après solea-clim.css ; « html body » passe devant ses règles et devant le CSS
   additionnel du thème (section.kP93X8aL{padding:0!important}).
   ========================================================================== */
:root{--sol-gouttiere:clamp(20px,5vw,72px)}

html body .single-content section,
html body .entry-content section,
html body .wp-block-html section,
html body section.sol-section,
html body section.sol-hero,
html body section.sol-cta-band,
html body section[style],
html body section[class]{
  padding-left:var(--sol-gouttiere)!important;
  padding-right:var(--sol-gouttiere)!important;
}

/* Pied de page (élément Kadence) : conteneur centré de 1400 px avec 20 px de marge.
   Le texte s'aligne sur celui des sections : gouttière moins la marge déjà laissée par le
   centrage, jamais moins de 20 px. */
html body .f8xQpL9Z__ct{
  padding-left:max(20px, calc(var(--sol-gouttiere) - max(0px, (100% - 1400px) / 2)));
  padding-right:max(20px, calc(var(--sol-gouttiere) - max(0px, (100% - 1400px) / 2)));
}

/* Pages construites en rangées Kadence Blocks (mentions légales, contact) : 20 px dans la
   rangée ; le complément de gouttière va sur l'enveloppe de la rangée, pour qu'une rangée plus
   étroite déjà loin du bord (contact, 1200 px) ne change pas de largeur. */
html body .kb-row-layout-wrap:not(.kt-inside-inner-col .kb-row-layout-wrap){
  padding-left:calc(var(--sol-gouttiere) - 20px);
  padding-right:calc(var(--sol-gouttiere) - 20px);
}