.elementor-311 .elementor-element.elementor-element-0c7c48b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-311 .elementor-element.elementor-element-0c7c48b::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .e-con-inner > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .e-con-inner > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mlesfleurs.fr/wp-content/uploads/2026/02/background_resultat.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-311 .elementor-element.elementor-element-9552c17{color:#000000;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-311 .elementor-element.elementor-element-0c7c48b::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .e-con-inner > .elementor-background-video-container::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .e-con-inner > .elementor-background-slideshow::before, .elementor-311 .elementor-element.elementor-element-0c7c48b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS *//* ============================================
   VARIABLES & LISSAGE
============================================ */
:root {
  --ease-2026: cubic-bezier(0.16, 1, 0.3, 1);
  --green-leaf: #7ab840;
  --green-glow: rgba(122, 184, 64, 0.2);
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ============================================
   TITRES — ACCENT SUBTIL
============================================ */
.hero-paysagiste .elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
  position: relative;
  display: inline-block;
  color: #2c2c2c;
  font-weight: 700;
  padding-bottom: 4px;
}

/* Accent vert subtil en bas */
.hero-paysagiste .elementor-heading-title::after,
.elementor-widget-heading .elementor-heading-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 25px; /* petite largeur, juste un accent */
  background: var(--green-leaf);
  border-radius: 2px;
  box-shadow: 0 0 6px var(--green-glow);
  animation: growLine 1s var(--ease-2026) forwards;
}

@keyframes growLine {
  0% { width: 0; opacity: 0; }
  100% { width: 25px; opacity: 1; }
}

/* ============================================
   BOUTONS — GLOW SOFT + HOVER
============================================ */
.elementor-button {
  position: relative;
  overflow: hidden;
  transition: all 0.4s var(--ease-2026) !important;
  z-index: 1;
  border: none !important;
  border-radius: 6px;
  background-color: var(--green-leaf);
  color: #fff;
  font-weight: 600;
}

/* Fond animé au hover */
.elementor-button::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #9be05c, var(--green-leaf));
  z-index: -1;
  transition: transform 0.4s var(--ease-2026);
  transform: scaleX(0);
  transform-origin: left;
}

.elementor-button:hover::before {
  transform: scaleX(1);
}

/* Effet hover du bouton */
.elementor-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px -3px var(--green-glow) !important;
}/* End custom CSS */