/* Chalet hero slider — main + sub slider sync (La Ferme à Mamy pattern) */

.slider-trigger-right,
.slider-trigger-left {
  z-index: 50;
  position: absolute;
  inset: 0%;
}

.c-slider-btn {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}

.main-slider-nav-arrow,
.sub-slider-nav-arrow {
  display: none;
}

.sub-slide-container {
  width: 100%;
  height: 100%;
}

.main-slider-container {
  background-color: #1a1a1a;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.sub-slider-container {
  padding-right: 20vw;
  position: relative;
  overflow: hidden;
}

.main-slide-wrapper {
  background-image: linear-gradient(#33333359, #33333359), url("../images/1.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.main-slide-wrapper._1 {
  background-image: linear-gradient(#0000, #0000), url("../images/DSC00475.jpg");
}

.main-slide-wrapper._2 {
  background-image: linear-gradient(#33333359, #33333359), url("../images/DSC00302.jpg");
}

.main-slide-wrapper._3 {
  background-image: linear-gradient(#33333359, #33333359), url("../images/DSC00261.jpg");
}

.main-slide-wrapper._4 {
  background-image: linear-gradient(#33333359, #33333359), url("../images/DSC00499.jpg");
}

.main-slide-wrapper._5 {
  background-image: linear-gradient(#33333359, #33333359), url("../images/DSC00245.jpg");
}

.first-slider-container {
  z-index: 10;
  position: relative;
}

.main-slide-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._w-slider-btn {
  border-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 15px;
  display: flex;
  position: relative;
}

.main-slider {
  background-color: #222;
  flex-direction: column;
  height: 85vh;
}

.main-slider.mobile {
  display: none;
}

.sub-slider {
  background-color: transparent;
  width: 350px;
  height: 25vh;
}

.ci-slider-btn-loading {
  opacity: 0.5;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-main-slide-title {
  margin-bottom: 20px;
}

.sub-slider-slide {
  perspective: 1000px;
  width: 350px;
  padding: 1vh 1vw;
  transform: perspective(1000px);
}

.sub-slider-nav-dots,
.main-slider-nav-dots {
  display: none;
}

.c-slider-btn-circle {
  border: 1px solid #aaa;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sub-slider-mask {
  overflow: visible;
}

.c-main-slide-description {
  color: #fff;
  width: 50vw;
  margin-bottom: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.4em;
}

.ci-main-slide-content {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.sub-slide-wrapper {
  background-color: #333;
  background-image: linear-gradient(to top, #13131380, #0000 30%);
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 10px #13131380;
}

.sub-slide-wrapper._1 {
  background-image: linear-gradient(0deg, #13131380, #0000 30%), url("../images/DSC00245.jpg");
}

.sub-slide-wrapper._2 {
  background-image: linear-gradient(0deg, #13131380, #0000 30%), url("../images/DSC00475.jpg");
}

.sub-slide-wrapper._3 {
  background-image: linear-gradient(0deg, #13131380, #0000 30%), url("../images/DSC00302.jpg");
}

.sub-slide-wrapper._4 {
  background-image: linear-gradient(0deg, #13131380, #0000 30%), url("../images/DSC00261.jpg");
}

.sub-slide-wrapper._5 {
  background-image: linear-gradient(0deg, #13131380, #0000 30%), url("../images/DSC00504.jpg");
}

.second-slider-container {
  z-index: 20;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.main-slide-title {
  color: #fff;
  letter-spacing: 20px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 400;
  line-height: 1em;
  position: relative;
}

.sub-slide-title {
  color: #fff;
  text-align: right;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1em;
}

.c-slide-btn-loading {
  z-index: 30;
  border: 2px dashed #ffffff80;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.b-slider-control {
  align-items: center;
  display: flex;
}

._w-slider-control {
  padding-left: 20px;
  padding-right: 20px;
}

.c-slider-btn-icon {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.c-slider-btn-loading {
  border: 1px dashed #aaa;
  border-radius: 1000px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-main-slide-content {
  text-align: center;
}

/* Optional: pill-shaped slider dots + lightbox rounding on chalet pages */
.chalet-slider-page .w-lightbox-frame {
  border-radius: 10px !important;
  overflow: hidden !important;
}

.chalet-slider-page .w-slider-dot {
  border-radius: 100px !important;
  width: 2em !important;
  height: 0.4em !important;
  transition: all 0.5s ease;
}

.chalet-slider-page .w-slider-dot.w-active {
  width: 5em !important;
}

@media screen and (max-width: 991px) {
  .main-slider {
    height: 100vh;
  }

  .main-slider.desktop {
    display: none;
  }

  .main-slider.mobile {
    display: block;
  }

  .main-slider-nav-dots {
    background-image: linear-gradient(to top, #131313bf, #0000);
    display: block;
  }

  .second-slider-container {
    display: none;
  }

  .main-slide-title {
    letter-spacing: 15px;
    font-size: 4.5em;
  }

  .c-slide-btn-loading {
    display: none;
  }

  .c-main-slide-content {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .c-main-slide-description {
    width: auto;
    margin-bottom: 10px;
    font-size: 1em;
  }

  .ci-main-slide-content {
    text-align: left;
    align-items: flex-start;
    width: 70%;
  }

  .main-slide-title {
    letter-spacing: 5px;
    font-size: 3em;
  }

  .c-main-slide-content {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-left: 7vw;
    padding-right: 7vw;
  }
}

@media screen and (max-width: 479px) {
  .c-main-slide-description {
    text-align: center;
  }

  .ci-main-slide-content {
    align-items: center;
    width: 85%;
  }

  .main-slide-title {
    text-align: center;
    font-size: 10vw;
  }

  .c-main-slide-content {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }
}