/* ==========================================================================
   Réflexologie plantaire Villeurbanne : marges latérales (2026-09-30)
   Les rangs Kadence des pages posent 20 px de marge dans un contenu de 1400 px : à 1440 px le
   texte démarrait à 40 px du bord, à 1366 px et moins à 20 px ; dans les rangs photo + texte
   pleine largeur, le texte était à 20 px du bord quelle que soit la taille de l'écran.
   Une seule gouttière fluide, jusqu'à 72 px sur grand écran. Téléphone inchangé (les rangs
   gardent leurs réglages sous 768 px). Le contenu garde sa largeur de 1360 px (1400 px du thème
   moins 2 × 20 px) ; les photos pleine largeur restent collées au bord, seul le texte s'écarte.
   Sélecteurs « html body … !important » : passent devant le CSS de chaque rang (Kadence Blocks),
   écrit dans la page.
   ========================================================================== */

:root{--rpv-gouttiere:clamp(20px,5vw,72px)}

@media (min-width:768px){
  /* rangs à fond (couleur ou image) : largeur du thème ou pleine largeur */
  html body .entry-content > .kb-row-layout-wrap.kt-row-has-bg > .kt-row-column-wrap{
    padding-left:var(--rpv-gouttiere)!important;
    padding-right:var(--rpv-gouttiere)!important;
    max-width:calc(1360px + 2 * var(--rpv-gouttiere))!important;
  }
  /* pied de page (élément Kadence, 40 px de marge) : aligné sur la même gouttière, jamais moins
     de ses 40 px d'origine, contenu toujours plafonné à 1320 px */
  html body #wrapper > .kb-row-layout-wrap > .kt-row-column-wrap.kb-theme-content-width{
    padding-left:max(40px,var(--rpv-gouttiere))!important;
    padding-right:max(40px,var(--rpv-gouttiere))!important;
    max-width:calc(1320px + 2 * max(40px,var(--rpv-gouttiere)))!important;
  }
}

/* rangs photo + texte pleine largeur (la photo est le fond d'une colonne vide) :
   côte à côte, le texte s'écarte du bord de l'écran, pas de la photo */
@media (min-width:1025px){
  html body .entry-content > .kb-row-layout-wrap:not(.kt-row-has-bg) > .kt-row-column-wrap:has(> .wp-block-kadence-column > .kt-inside-inner-col:empty) > .wp-block-kadence-column:first-child > .kt-inside-inner-col:not(:empty){
    padding-left:var(--rpv-gouttiere)!important;
  }
  html body .entry-content > .kb-row-layout-wrap:not(.kt-row-has-bg) > .kt-row-column-wrap:has(> .wp-block-kadence-column > .kt-inside-inner-col:empty) > .wp-block-kadence-column:last-child > .kt-inside-inner-col:not(:empty){
    padding-right:var(--rpv-gouttiere)!important;
  }
}
/* sur tablette les deux colonnes s'empilent : gouttière des deux côtés du texte */
@media (min-width:768px) and (max-width:1024px){
  html body .entry-content > .kb-row-layout-wrap:not(.kt-row-has-bg) > .kt-row-column-wrap.kt-tab-layout-row:has(> .wp-block-kadence-column > .kt-inside-inner-col:empty) > .wp-block-kadence-column > .kt-inside-inner-col:not(:empty){
    padding-left:var(--rpv-gouttiere)!important;
    padding-right:var(--rpv-gouttiere)!important;
  }
}

/* ligne de crédit du pied de page (colonne pleine largeur sans marge) : sur téléphone, le texte
   touchait le bord (4 px) */
html body #wrapper > .wp-block-kadence-column > .kt-inside-inner-col{
  padding-left:var(--rpv-gouttiere)!important;
  padding-right:var(--rpv-gouttiere)!important;
}