/* === Custom Block Styling === */
.customBlock {
  padding-top: var(--CB-padding-top);
  padding-right: var(--CB-padding-right);
  padding-bottom: var(--CB-padding-bottom);
  padding-left: var(--CB-padding-left);
  margin-top: var(--CB-margin-top);
  margin-bottom: var(--CB-margin-bottom);
}
/* == Main Block == */
.homeSlider {
  height: 100%;
}
.home_bootslider_col {
  margin-top: 0px !important;
}
/* == Home Slider Wrapper == */
.homeSlider__wrapper {
  padding: 0px 36px !important;
  min-height: 100%;
}
.bootSwiper {
  transform: translateY(-100px);
}
.swiper.bootSwiper {
  bottom: -16px !important;
}
.bootSlider .swiper-button-prev,
.bootSlider .swiper-button-next {
  transform: translateY(75px);
}

/* == Background == */
.homeSlider__background {
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/uploads/2026/02/BG-min.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
  bottom: 50px;
}

.homeSlider__foreground {
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/uploads/2026/02/boot-slider-bg-min.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  pointer-events: none;
  bottom: 50px;
}

/* == Slides == */
.homeSlider .swiper-slide img {
  height: 450px;
}

@media screen and (max-width: 991.98px) {
  .homeSlider .swiper-slide img {
    height: calc(450px * 0.93);
  }
}

@media screen and (max-width: 767.98px) {
  .homeSlider .swiper-slide img {
    height: calc(450px * 0.68);
  }
}

@media screen and (max-width: 550px) {
  .homeSlider .swiper-slide img {
    height: 55vw;
  }
}

/* == Home Slider Navigation == */
.homeSlider .homeSlider__navWrapper {
  z-index: 100;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 32px;
  transform: translateY(-68px) !important;
}

.homeSlider__navWrapper .swiper-button-next,
.homeSlider__navWrapper .swiper-button-prev {
  top: -50%;
  z-index: 100;
  transform: translateY(0);
  position: relative;
  width: 16px;
}

.homeSlider__navWrapper .swiper-button-next::after {
  content: "";
  background-image: url(/wp-content/uploads/2026/03/next-arrow.png);
  background-size: contain;
  background-position: center;
  height: 32px;
  width: 24px;
  display: block;
  background-repeat: no-repeat;
}

.homeSlider__navWrapper .swiper-button-prev::after {
  content: "";
  background-image: url("/wp-content/uploads/2026/03/prev-arrow.png");
  background-size: contain;
  background-position: center;
  height: 32px;
  width: 24px;
  display: block;
  background-repeat: no-repeat;
}

@media screen and (max-width: 550px) {
  .homeSlider .homeSlider__navWrapper {
    transform: translateY(-68px) !important;
  }
}
