/* ============================================================
   Page « Contactez-nous » (post 131) — geste I1 du 20/08/2026
   Objectif : remonter le formulaire, dont le bouton « Envoyer »
   tombait sous la ligne de flottaison sur un écran standard.
   Tout est scopé à la page ; ce fichier n'est chargé que sur 131.
   ============================================================ */

/* Bandeau de titre du thème — surcharge SCOPÉE.
   Le thème prévoit ce repli nativement :
       padding = var(--titlebar-spacing-top, var(--titlebar-spacing))
   On ne touche donc PAS à --titlebar-spacing dans :root, qui vaut
   100px et sert toutes les pages à template par défaut (dont
   /metiers/integrations-metier-3cx/).
   Le mobile n'est pas affecté : sous son breakpoint, le thème
   applique --mobile-spacing (50px) par une declaration distincte
   et postérieure, qui n'utilise pas ces variables. */
body.page-id-131{
    --titlebar-spacing-top:50px;
    --titlebar-spacing-bottom:40px;
}

/* Section du formulaire : marge haute 90 -> 40.
   ⚠️ Ciblage calqué sur celui d'Elementor
   (.elementor-131 .elementor-element.elementor-element-XXX, 3 classes) :
   un sélecteur .page-id-131 .elementor-element-XXX n'en a que 2 et
   PERDRAIT la cascade. Ce fichier étant chargé APRÈS post-131.css,
   la spécificité égale suffit — aucun !important nécessaire. */
.elementor-131 .elementor-element.elementor-element-48a56625{
    --margin-top:40px;
}

/* Carte grise : padding haut 50 -> 40.
   NB : Elementor redéclare --padding-top:50px dans (max-width:1024px)
   et (max-width:767px) ; cette surcharge ne vaut donc que sur desktop.
   Volontaire : sur mobile le bandeau est déjà réduit à 50px. */
.elementor-131 .elementor-element.elementor-element-10b4ccb7{
    --padding-top:40px;
}