.elementor-334 .elementor-element.elementor-element-bde162f{--display:flex;}.elementor-334 .elementor-element.elementor-element-30d04f5{--display:flex;}/* Start custom CSS for html, class: .elementor-element-c336e82 *//* Même chose mais scoping sur le module #contact-map-mp */
#contact-map-mp .wpcf7 form input.wpcf7-submit,
#contact-map-mp .wpcf7 form input[type="submit"].wpcf7-submit{
  background:#788055 !important; border:1px solid #788055 !important; color:#fff !important;
  border-radius:12px !important; padding:12px 18px !important; line-height:1 !important;
}
#contact-map-mp .wpcf7 form input.wpcf7-submit:hover{ background:#646b44 !important; border-color:#646b44 !important; }

/* === HERO/BANNIÈRE : titres toujours BLANCS (prend le dessus) === */

/* cas génériques (sections "hero"/"banner"/"masthead") */
.hero h1, .hero h2, .hero h3,
[class*="hero"] .elementor-heading-title,
.banner h1, .banner h2, .banner h3,
.masthead h1, .masthead h2, .masthead h3{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 2px 6px rgba(0,0,0,.35);
}

/* cas Elementor : 1re section de la page = bloc héro (pratique pour Contact) */
.elementor .elementor-section:first-of-type .elementor-heading-title{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 2px 6px rgba(0,0,0,.35);
}

/* si tu utilises une "kicker" (pastille au-dessus du titre) */
.kicker + .elementor-widget-heading .elementor-heading-title,
.ap-kicker + h1,
.kicker ~ h1{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 2px 6px rgba(0,0,0,.35);
}

/* sous-titre/lead du héro lisible aussi */
.hero p, [class*="hero"] p, .banner p,
.elementor .elementor-section:first-of-type p{
  color:#fff !important;
}/* End custom CSS */