/**
 * Styles pour le composant hero-banner-slider
 */
.atom-hero-banner-slider {
  height: calc(100vh - 92.94px);
}

.atom-hero-banner-slider .content-hero-banner {
  box-sizing: border-box !important;
  margin-left: 104px !important;
  margin-bottom: 0px !important;
}

.atom-hero-banner-slider .content-hero-banner .wp-block-group p {
  color: black !important;
}

.atom-hero-banner-slider .wp-block-cover__inner-container {
  width: 1240px !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin: 80px auto !important;
}

.atom-hero-banner-slider .wp-block-cover {
  height: 100% !important;
  padding: 0px !important;
}

/* Custom Swiper Navigation Buttons */
.atom-hero-banner-slider .swiper-button-prev,
.atom-hero-banner-slider .swiper-button-next {
  width: 32px;
  height: 32px;
  margin-top: -16px;
  transition: all 0.3s ease;
  transform: scale(1);
}

.atom-hero-banner-slider .swiper-button-prev:hover,
.atom-hero-banner-slider .swiper-button-next:hover {
  transform: scale(1.2);
  transition: all 0.3s ease;
}

.atom-hero-banner-slider .swiper-button-prev {
  left: 80px;
}

.atom-hero-banner-slider .swiper-button-next {
  right: 80px;
}

/* Hide default Swiper arrow icons */
.atom-hero-banner-slider .swiper-button-prev::after,
.atom-hero-banner-slider .swiper-button-next::after {
  display: none;
}

/* Rotate the next button arrow 180 degrees */
.atom-hero-banner-slider .swiper-button-next svg {
  transform: rotate(180deg);
}


@media (max-width: 1290px) {
  .atom-hero-banner-slider .swiper-button-prev {
    left: 40px;
  }

  .atom-hero-banner-slider .swiper-button-next {
    right: 40px;
  }
}

@media (max-width: 820px) {

  .atom-hero-banner-slider,
  .atom-hero-banner-slider .wp-block-cover {
    min-height: calc(100vh - 92.94px) !important;
    height: auto;
  }

  .atom-hero-banner-slider .swiper-button-next {
    top: inherit;
    bottom: 30px;
    right: calc(50% - 70px);
    transform: translate(50%, 0px);
  }

  .atom-hero-banner-slider .swiper-button-prev {
    top: inherit;
    bottom: 30px;
    left: calc(50% - 70px);
    transform: translate(50%, 0px);
  }

  .atom-hero-banner-slider .wp-block-cover__inner-container {
    margin-bottom: 110px !important;
    justify-content: center !important;
  }

  .atom-hero-banner-slider .content-hero-banner {
    margin: 0px 20px !important;
    padding: 20px !important;
  }
}