.elementor-336 .elementor-element.elementor-element-dccac3e{--display:flex;}.elementor-336 .elementor-element.elementor-element-07317b8{--display:flex;}/* Start custom CSS for html, class: .elementor-element-da897a3 *//* === TITRES H1/H2 — BLANC OU BEIGE (choisir la couleur ci-dessous) === */
/* Blanc pur */
:root { --heading-color: #ffffff; }

/* Beige doux (décommentez cette ligne si vous préférez beige) */
/* :root { --heading-color: #F3E9DD; } */

/* Force la couleur sur TOUTES les variantes (héros, bannières, blocs, Elementor, Spectra, etc.) */
h1, h2,
h1 *, h2 *,
.entry-title, .entry-title a,
.page-title, .page-title a,
.wp-block-heading, .wp-block-heading a,
.wp-block-cover h1, .wp-block-cover h2,
.wp-block-cover .wp-block-cover__inner-container h1,
.wp-block-cover .wp-block-cover__inner-container h2,
[class*="hero" i] h1, [class*="hero" i] h2,
[class*="banner" i] h1, [class*="banner" i] h2,
[role="banner"] h1, [role="banner"] h2,
.elementor-heading-title, .elementor-heading-title a,
.uagb-heading-text, .uagb-heading-text a {
  color: var(--heading-color) !important;
  -webkit-text-fill-color: var(--heading-color) !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.28); /* lisibilité sur image */
}


/* ================== Palette globale ================== */
:root{
  --kaki:#6F896F;      /* vert bouton */
  --kaki-700:#5B745E;  /* hover plus foncé (pas de vert clair) */
}

/* ===== 1) Supprimer partout la grande barre/capsule derrière les boutons ===== */
[class*="cta"],            /* .cta, .hero-cta, .cta-band, .m-cta-wrapper, etc. */
[class*="CTA"],
.wp-block-buttons,         /* groupe de boutons Gutenberg */
.elementor-widget-button .elementor-button-wrapper,  /* wrapper Elementor */
.elementor-widget .elementor-button-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

/* Garder les groupes de boutons en ligne, sans pleine largeur */
.wp-block-buttons,
[class*="cta"],
.elementor-widget-button .elementor-button-wrapper{
  display: flex !important;
  gap: .6rem !important;
  flex-wrap: wrap !important;
  justify-content: center; /* ajuste si besoin: flex-start / center */
}

/* ===== 2) Petits boutons verts, simples et lisibles ===== */
a.btn,
.button,
.wp-block-button__link,
.elementor-button,
.header-cta,
.m-cta{
  background: var(--kaki) !important;
  border: 1px solid var(--kaki) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: .75rem 1.05rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  width: auto !important;          /* jamais pleine largeur */
  box-shadow: none !important;
}

a.btn:hover,
.wp-block-button__link:hover,
.elementor-button:hover,
.header-cta:hover,
.m-cta:hover,
a.btn:focus,
.wp-block-button__link:focus,
.elementor-button:focus,
.header-cta:focus,
.m-cta:focus{
  background: var(--kaki-700) !important; /* plus foncé, pas de vert clair */
  border-color: var(--kaki-700) !important;
  color:#fff !important;
}

/* ===== 3) Si des variantes "contour/outline" existent, on les garde sobres (pas de vert clair) ===== */
.is-style-outline .wp-block-button__link,
.elementor-button--outline{
  background:#fff !important;
  color: var(--kaki) !important;
  border: 2px solid var(--kaki) !important;
}
.is-style-outline .wp-block-button__link:hover,
.elementor-button--outline:hover{
  background:#fff !important;
  color: var(--kaki-700) !important;
  border-color: var(--kaki-700) !important;
}

/* ===== 4) Optionnel : éclaircir un peu les bannières hero pour une meilleure lisibilité ===== */
#home-hero, .page-hero, .hero-banner{ position: relative; }
#home-hero::before, .page-hero::before, .hero-banner::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  /* voile blanc léger, pas de verdâtre */
  background: linear-gradient(to bottom, rgba(255,255,255,.12), rgba(255,255,255,.18));
}/* End custom CSS */