.elementor-6 .elementor-element.elementor-element-bd2651a{--display:flex;}.elementor-6 .elementor-element.elementor-element-f205bab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-fd246f5 .elementor-heading-title{color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-f205bab *//* =========================
   EVOLIA — MOBILE RESPONSIVE PATCH (FULL)
   Includes improvements A (CTA buttons) + B (tag spacing)
   Safe overrides: does NOT redefine your gold button look (only layout on mobile)
   Paste at END of your page CSS (or Elementor Custom CSS)
========================= */

.ev-page{
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
}

/* Containers + section spacing */
@media (max-width: 980px){
  .ev-container{ width: min(1120px, calc(100% - 26px)); }
  .ev-section{ padding: 44px 0; }
}

/* HERO: remove tall fixed heights + improve typography */
@media (max-width: 980px){
  .ev-hero{
    min-height: auto !important;
    padding: 56px 0 34px !important;
  }

  /* if your hero uses inline styles, this still helps the inner text */
  .ev-hero h1{
    font-size: clamp(30px, 8vw, 44px) !important;
    line-height: 1.08 !important;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .ev-hero p{
    font-size: 15.5px !important;
    line-height: 1.65 !important;
  }
}

/* Grids: force 1 column on tablet/mobile */
@media (max-width: 980px){
  .ev-hero-grid,
  .ev-grid-2,
  .ev-book{
    grid-template-columns: 1fr !important;
  }

  .ev-cards-3,
  .ev-proof{
    grid-template-columns: 1fr !important;
  }
}

/* Cards + spacing */
@media (max-width: 980px){
  .ev-card,
  .ev-hero-card{
    border-radius: 18px;
    padding: 16px;
  }

  .ev-cta-row{
    gap:10px;
  }
}

/* Lists: keep readable */
@media (max-width: 980px){
  .ev-list{ padding-left: 18px; }
  .ev-list li{ margin: 6px 0; }
}

/* Media: prevent overflow */
.ev-page img, .ev-page video, .ev-page iframe{
  max-width:100%;
  height:auto;
}

/* Calendly: ensure full width */
.ev-page .calendly-inline-widget,
.ev-page .calendly-inline-widget iframe{
  width:100% !important;
  max-width:100% !important;
}
@media (max-width: 980px){
  .ev-page .calendly-inline-widget{
    min-width: 0 !important;
  }
}
/* Shorter Calendly height on small phones */
@media (max-width: 520px){
  .ev-page .calendly-inline-widget{
    height: 640px !important;
  }
}

/* =========================
   A) CTA buttons on mobile (stack + full width)
   Layout only (keeps your gold gradient/halo)
========================= */
@media (max-width: 520px){
  .ev-cta-row{
    display:grid !important;
    grid-template-columns: 1fr !important;
    gap:10px !important;
  }

  /* Works for both .ev-btn and Elementor button links inside your sections */
  .ev-cta-row a.ev-btn,
  .ev-cta-row .ev-btn,
  .ev-cta-row a.elementor-button,
  .ev-cta-row .elementor-button{
    width:100% !important;
    justify-content:center !important;
    white-space:normal !important;
    text-align:center !important;
  }
}

/* =========================
   B) Tag spacing + small UI polish on mobile
========================= */
@media (max-width: 520px){
  .ev-tag{ margin-top:10px !important; }

  /* Optional: slightly tighter cards list spacing for long pages */
  .ev-cards-3{ margin-top:14px !important; }
}

/* Extra: prevent long words/URLs from breaking layout */
.ev-page *{
  overflow-wrap: break-word;
}
/* =========================
   EVOLIA — HERO EYEBROW/PILL FIX (MOBILE)
   Keeps premium look but prevents ugly wrapping
========================= */

@media (max-width: 520px){
  /* Target common eyebrow blocks used in your pages */
  .ev-page .ev-eyebrow,
  .ev-page .ev-pill,
  .ev-page .ev-hero p[style*="letter-spacing:.18em"],
  .ev-page .ev-hero p[style*="text-transform:uppercase"]{
    max-width: 100% !important;
    padding: 8px 12px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    line-height: 1.35 !important;

    /* Make it behave nicely */
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* If you have separators "•" keep them tighter */
  .ev-page .ev-hero p[style*="letter-spacing:.18em"]{
    max-width: 92% !important;
  }
}
/* EVOLIA — HOME CARD IMAGE FIX (ev-card-img) */
.ev-card-img{
  width:100% !important;
  border-radius:16px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.03) !important;
}

/* Force the image to fill the frame (overrides img{height:auto}) */
.ev-card-img > img{
  width:100% !important;
  height:220px !important;        /* desktop */
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Tablet */
@media (max-width: 980px){
  .ev-card-img > img{ height:200px !important; }
}

/* Mobile */
@media (max-width: 520px){
  .ev-card-img{ border-radius:14px !important; }
  .ev-card-img > img{ height:170px !important; }
}
/* =========================
   EVOLIA — REMOVE EMPTY SPACE UNDER CARD IMAGES
   Makes the media wrapper match the image height
========================= */

/* Ensure wrapper has SAME height as the image (prevents empty area) */
.ev-card-img{
  height:220px !important;        /* desktop */
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;       /* kills inline-gap if any */
}

/* Sometimes Elementor adds spacing to imgs */
.ev-card-img img{
  margin:0 !important;
  padding:0 !important;
  vertical-align:middle !important;
}

/* Tablet */
@media (max-width: 980px){
  .ev-card-img{ height:200px !important; }
}

/* Mobile */
@media (max-width: 520px){
  .ev-card-img{ height:170px !important; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-efb9cec *//* EVOLIA gold button for Fluent Forms */
.ev-form .ff-btn-submit,
.ev-form button[type="submit"],
.ev-form input[type="submit"]{
  appearance:none;
  -webkit-appearance:none;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:14px 30px;
  min-height:48px;

  border-radius:999px;
  border:1px solid rgba(214,162,74,.55);

  /* Gold gradient (sampled from your CTA look) */
  background:linear-gradient(
    180deg,
    rgba(252,224,130,1) 0%,
    rgba(239,186,62,1) 45%,
    rgba(214,162,74,1) 100%
  );

  color:#0b0f14;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:13px;
  line-height:1;

  /* Glow + depth like your CTA */
  box-shadow:
    0 18px 45px rgba(214,162,74,.32),
    inset 0 1px 0 rgba(255,255,255,.45);

  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.ev-form .ff-btn-submit:hover,
.ev-form button[type="submit"]:hover,
.ev-form input[type="submit"]:hover{
  transform:translateY(-1px);
  filter:brightness(1.03) saturate(1.05);
  box-shadow:
    0 22px 55px rgba(214,162,74,.38),
    inset 0 1px 0 rgba(255,255,255,.50);
}

.ev-form .ff-btn-submit:active,
.ev-form button[type="submit"]:active,
.ev-form input[type="submit"]:active{
  transform:translateY(0);
  filter:brightness(.98);
}

.ev-form .ff-btn-submit:focus,
.ev-form .ff-btn-submit:focus-visible,
.ev-form button[type="submit"]:focus,
.ev-form button[type="submit"]:focus-visible{
  outline:none;
  box-shadow:
    0 22px 55px rgba(214,162,74,.38),
    0 0 0 4px rgba(214,162,74,.22),
    inset 0 1px 0 rgba(255,255,255,.50);
}
/* Fluent Forms — forcer le texte du bouton submit en noir */
.fluentform .ff-btn-submit,
.fluentform button.ff-btn-submit,
.fluentform button[type="submit"],
.fluentform input[type="submit"],
.fluentform .ff-btn-submit span{
  color: #000 !important;
}/* End custom CSS */