/* Navigation bar styling: white background, green text (site accent color) */
nav.leo-megamenu {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e5e0d8 !important;
}
nav.leo-megamenu .megamenu.horizontal {
  background-color: #ffffff !important;
}
nav.leo-megamenu .megamenu.horizontal > li {
  background-color: transparent !important;
}
nav.leo-megamenu .megamenu.horizontal > li > a.nav-link {
  color: #3cb878 !important;
  padding: 16px 20px !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
}
nav.leo-megamenu .megamenu.horizontal > li > a.nav-link:hover,
nav.leo-megamenu .megamenu.horizontal > li.active > a.nav-link {
  color: #2f9d68 !important;
  background-color: #eef8f2 !important;
}
nav.leo-megamenu .megamenu.horizontal > li .caret {
  border-top-color: #3cb878 !important;
}
nav.leo-megamenu .megamenu.horizontal > li .dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid #e5e0d8 !important;
}
nav.leo-megamenu .megamenu.horizontal > li .dropdown-menu a {
  color: #3cb878 !important;
}
nav.leo-megamenu .megamenu.horizontal > li .dropdown-menu a:hover {
  color: #2f9d68 !important;
  background-color: #eef8f2 !important;
}

/* Fix: page-builder entrance-animation elements stay permanently hidden
   because the waypoints.js scroll-trigger that's supposed to reveal them
   never fires (jQuery.fn.waypoint fails to register on this site). Force
   them visible so content isn't lost; this only disables the fade/slide-in
   effect, not the content itself. */
.elementor-invisible {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Requested: hide the "Nos marques" / "Livraison rapide" / "Paiement
   sécurisé" section on the homepage while keeping "Pourquoi nous choisir"
   (a different section, id 0afc704) visible. */
.elementor-element-1bd6b7e {
  display: none !important;
}

/* Fix: hero slider caption text (title/subtitle layers) is positioned with
   a fixed desktop pixel width and white-space:nowrap, so on narrow screens
   it overflows past the right edge of the viewport instead of wrapping. */
@media (max-width: 767px) {
  .iviewSlider .tp-caption,
  .iviewSlider .tp-caption .caption-contain {
    white-space: normal !important;
    width: auto !important;
    max-width: 92vw !important;
  }
}

/* Fix (German homepage, desktop only): the "Ihre Gesundheit, unsere
   Priorität" checklist text is longer in German and wraps onto extra
   lines. The following decorative image section has a fixed -100px
   margin-top (desktop breakpoint) that pulls it up over the preceding
   content, so on German it ends up covering the last checklist item(s).
   Give the checklist extra bottom clearance on German only so the pulled-up
   section lands below the text again, matching how it already renders in
   the other (shorter-text) languages. */
@media (min-width: 1025px) {
  body.lang-de .elementor-element-a6414a8 .elementor-element-d45d490 {
    padding-bottom: 110px;
  }
}

/* Fix (desktop only): in the "Our Commitments" section, the descriptive
   paragraph and checklist sit on top of the section's background image and
   become hard to read (photo background for EN/FR, accent graphic for
   DE/IT). This only happens at desktop widths -- on mobile/tablet the
   background image is already positioned off-screen (same "1000%" rule
   used by the German checklist-overlap fix above), so the text there was
   never illegible and must stay visible. Hide the two text blocks for
   EN/FR/DE/IT via CSS rather than removing them from the page-builder
   content, since removing them there breaks Elementor's column-width
   calculation and pushes the H1 heading off screen. The H1 heading itself
   stays (short/bold enough to read). For DE/IT, also hide the section's
   background image entirely. */
@media (min-width: 1025px) {
  body.lang-en .elementor-element-a6414a8 .elementor-element-9d62e83,
  body.lang-en .elementor-element-a6414a8 .elementor-element-d45d490,
  body.lang-fr .elementor-element-a6414a8 .elementor-element-9d62e83,
  body.lang-fr .elementor-element-a6414a8 .elementor-element-d45d490,
  body.lang-de .elementor-element-a6414a8 .elementor-element-9d62e83,
  body.lang-de .elementor-element-a6414a8 .elementor-element-d45d490,
  body.lang-it .elementor-element-a6414a8 .elementor-element-9d62e83,
  body.lang-it .elementor-element-a6414a8 .elementor-element-d45d490 {
    display: none !important;
  }
  body.lang-de .elementor-element-a6414a8,
  body.lang-it .elementor-element-a6414a8 {
    background-image: none !important;
  }
}