/* Homepage layout fixes to match archived screenshot */

/* page-wrapper em scale only on tablet/mobile (archive has no desktop scale) */
@media screen and (max-width: 991px) {
  html body.ldb-native-page.template-index .page-wrapper {
    font-size: 1.7em;
  }
}

@media screen and (max-width: 767px) {
  html body.ldb-native-page.template-index .page-wrapper {
    font-size: 3.7em;
  }
}

html body.ldb-native-page.template-index .banni-re,
html body.ldb-native-page.template-index .banni-re h1,
html body.ldb-native-page.template-index .banni-re p,
html body.ldb-native-page.template-index .home-hero-paragraph,
html body.ldb-native-page.template-index .home-hero-paragraph p {
  color: #fff !important;
}

html body.ldb-native-page.template-index .banni-re {
  position: relative;
  overflow: visible;
}

html body.ldb-native-page.template-index .home-hero-background {
  z-index: 0;
}

html body.ldb-native-page.template-index .home-hero-components {
  z-index: 1;
}

html body.ldb-native-page.template-index .image-home-hero {
  z-index: 1;
}

html body.ldb-native-page.template-index:not(.ldb-home3-native-page) .section-recettes {
  display: none !important;
}

html body.ldb-native-page.template-index .jdgm-carousel,
html body.ldb-native-page.template-index .jdgm-carousel-title-and-link {
  display: block !important;
}

html body.ldb-native-page.template-index .jdgm-carousel__item-container {
  overflow: hidden;
}

html body.ldb-native-page.template-index .jdgm-carousel__item-wrapper {
  display: flex;
  gap: 0;
  transition: transform 0.45s ease;
  transform: translate3d(0, 0, 0);
  white-space: nowrap;
}

html body.ldb-native-page.template-index .jdgm-carousel-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  width: 33.333%;
  min-width: 33.333%;
  box-sizing: border-box;
}

html body.ldb-native-page.template-index .image-map,
html body.ldb-native-page.template-index .image-map-wrapper {
  display: block;
  width: 100%;
}

html body.ldb-native-page.template-index:not(.ldb-home3-native-page) .image-map {
  height: auto;
  max-width: 100%;
}

@media (max-width: 991px) {
  html body.ldb-native-page.template-index .jdgm-carousel-item {
    width: 50%;
    min-width: 50%;
  }
}

@media (max-width: 767px) {
  html body.ldb-native-page.template-index .jdgm-carousel-item {
    width: 100%;
    min-width: 100%;
  }
}