/*
 * Projet : BACHATA REUNION - SAINT-JUST & EMMA
 * 2024
 * Auteur : Teddy CHAN - LOOM DIGITAL
 */

/*
X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */

@media (max-width: 991px) {
  .navbar > .container {
    max-width: 100%;
  }
}

@media (min-width: 576px) {
  .swiper-slide > div > div > div {
    border-radius: 1rem;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .arrow {
    bottom: 25%;
  }

  .arrow span {
    width: 3vw;
    height: 3vw;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
  }

  .link-mobile {
    border-bottom: 0px dotted;
  }

  .overlap-grid-2 .item:nth-child(3) {
    z-index: 3;
  }

  .swiper-hero .swiper-slide {
    background-position: 57rem center;
  }

  .image-wrapper {
    /* page Mentions légales */
    background-position: -13rem center !important;
    background-size: cover !important;
  }
}

/* Large devices (large desktops, 992px and up) */
@media (min-width: 992px) {
  nav > div > div {
    background-color: rgba(0, 0, 0, 1) !important;
    border-radius: 13rem;
  }

  .arrow span {
    width: 2vw;
    height: 2vw;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
  }

  #testimonials figure img {
    max-width: 120% !important;
    width: 120% !important;
  }

  .image-wrapper {
    /* page Mentions légales */
    background-position: -14rem top !important;
    background-size: cover !important;
  }

  .swiper-hero .swiper-slide {
    background-position: center center;
  }

  .navbar > .container {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
  }
}

/* X-Large devices (xlarge desktops, 1200px and up) */
@media (min-width: 1200px) {
  .swiper-controls .swiper-pagination {
    bottom: -5rem !important;
  }

  .swiper-slide.bg-overlay-300:before {
    background: rgba(30, 34, 40, 0.1);
  }

  .image-wrapper {
    /* page Mentions légales */
    background-position: center top !important;
    background-size: cover !important;
  }
}

/* XX-Large devices (xxlarger desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {
  .swiper-hero,
  .swiper-hero .swiper-slide {
    height: 100vh !important; /* 750px */
    background-size: cover; /* à enlever */
    background-position: center center; /* à enlever */
  }

  .arrow {
    bottom: 6%;
  }

  .arrow span {
    width: 1.5vw;
    height: 1.5vw;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
  }

  .image-wrapper {
    /* page Mentions légales */
    background-position: center top !important;
    background-size: contain !important;
  }
}