/*
 * RH-7 — Polish design (Lot 1 « Dynamisation », suivi/fine-tuning). CSS PUR, child theme
 * versionné. Aucun JS, aucune édition DB, Greenshift NON modifié (on enrobe le markup).
 *
 * Ciblage par SIGNATURE de structure (jamais d'id de bloc FR → parité FR/EN Polylang) :
 *   1. Padding droit des blocs de la colonne DROITE des rows full-bleed « image gauche /
 *      texte droite » des pages internes (ex. « Soft Mobility », « The History of the Site »,
 *      sections partenaires de « Nous connaître ») : le contenu du row est full-width
 *      (aucun max-width) → le contenu colle au bord droit. On rétablit une gouttière.
 *   2. Réduction légère des labels sous les compteurs de la HOME — un poil trop grands.
 *
 * NB `:has()` : supporté par les navigateurs cibles récents (Chrome/Edge ≥105, Safari
 * ≥15.4, Firefox ≥121) ; sans support → aucun changement (dégradation propre, l'existant
 * reste), jamais de casse.
 */

:root {
  /* Gouttière droite ajoutée au contenu des rows full-bleed (desktop côte-à-côte).
   * TUNABLE au feel avec Etienne en preview. */
  --rh-polish-fullbleed-gutter: clamp(1.5rem, 4vw, 5rem);   /* ≈ 24px → 80px (≥1000px) */

  /* Taille des labels de compteurs (home). Repos actuel = 18px → réduction légère.
   * TUNABLE au feel. */
  --rh-polish-counter-label-size: 1rem;                     /* ≈ 16px (−2px vs 18px) */
}

/* --- 1. Padding droit — rows full-bleed « image gauche / texte droite » (internes) -----
 *
 * Signature (locale-agnostique, sans id) :
 *  - `.gspb_row.alignfull`                         → row pleine largeur (déborde le conteneur)
 *  - `> [class*="gspb_row__col"]`                  → colonnes en ENFANT DIRECT du row : c'est
 *      la structure de ces sections internes, DISTINCTE des rows de la home (qui ont un
 *      wrapper `.gspb_row__content`) → exclut naturellement les rows home full-bleed.
 *  - `:last-child:not(:first-child)`               → la colonne de DROITE d'un row multi-colonnes
 *      (le `:not(:first-child)` évite une row full-bleed à 1 colonne, qui recevrait un padding
 *      droit SEUL = asymétrie).
 *  - `:has(.gspb_text):not(:has(img))`             → colonne de TEXTE (pas la colonne image)
 *
 * Vérifié en preview : cible « Soft Mobility » + « The History of the Site » (le-quartier
 * + /en/the-neighborhood/, parité FR/EN) + les 4 sections partenaires de « Nous connaître »
 * (même pattern) ; ZÉRO match sur la home (hero et rows à `.gspb_row__content` exclus).
 *
 * Scopé `min-width: 1000px` = breakpoint du site où les colonnes sont côte à côte. En
 * dessous elles s'empilent (`--md-12`, texte full-width) → un padding droit SEUL créerait
 * une asymétrie : on ne touche donc pas le mobile (« ne rien casser ailleurs »).
 *
 * On applique le padding à TOUS les blocs enfants de la colonne (`> *` : titre, texte,
 * liste à puces, CTA…) pour un retrait droit HOMOGÈNE, et PAS à la colonne : Greenshift
 * zérote le padding des colonnes via un sélecteur d'ID de bloc (`.gspb_row #gspb_col-id-…
 * { padding: 0 }`, spécificité (1,2,0)) — imbattable sans `!important` ni id. Le
 * `padding-right` des blocs de contenu, lui, n'est contesté par aucune règle → cascade
 * gagnée proprement. Anti-overflow : ces blocs sont en flux normal (`width:auto`) → le
 * padding rogne le contenu, la boîte reste dans la largeur de la colonne (aucun débordement). */
@media (min-width: 1000px) {
  .gspb_row.alignfull > [class*="gspb_row__col"]:last-child:not(:first-child):has(.gspb_text):not(:has(img)) > * {
    padding-right: var(--rh-polish-fullbleed-gutter);
  }
}

/* --- 2. Labels sous les compteurs (HOME) — réduction légère -----------------------------
 *
 * Signature JS-INDÉPENDANTE (fonctionne aussi sans `rh-js` / en reduced-motion, contrairement
 * à la classe `.rh-reveal-group--counters` posée par le JS RH-1) : le label est le `.gspb_text`
 * frère direct d'un `.gs-counterwrap` (nombre) dans le wrapper de chaque compteur.
 * Scopé `body.home` = périmètre du ticket. NB : le MÊME composant compteurs existe sur d'autres
 * pages (« Nous connaître » / EN « About Us », labels aussi en 18px) — laissés inchangés ici ;
 * à étendre site-wide seulement sur décision d'Etienne (cohérence visuelle) → retirer `body.home`.
 * `line-height` du thème = unitless (1.65) → reste proportionnel à la nouvelle taille (zéro CLS). */
body.home [class*="gspb_row__col"]:has(> .gs-counterwrap) > .gspb_text {
  font-size: var(--rh-polish-counter-label-size);
}