/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@symfony/webpack-encore/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/styles/carousel_styles.css ***!
  \***************************************************************************************************************************************************************/
@charset "UTF-8";
.carousel {
  width: 80%;
}

.carousel .carousel-inner {
  display: block; /* Bootstrap gère les slides */
}

.carousel .carousel-item {
  display: none; /* Bootstrap cache les slides inactifs */
}

.carousel .carousel-item.active {
  display: flex; /* affiche le slide actif comme un flex container */
  justify-content: center; /* pour bien centrer les clones */
}

.carousel .carousel-item .pic {
  flex: 0 0 25%; /* 4 images visibles dans le slide */
  max-width: 25%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.carousel .carousel-item .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.carousel-control-prev {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
  left: -10px;
}

.carousel-control-next {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
  right: -10px;
}

@media (min-width: 992px) { /* ≥ lg : 4 visibles → 25% */
  .carousel .carousel-item-next:not(.carousel-item-start),
  .carousel .active.carousel-item-end {
    transform: translateX(25%);
  }
  .carousel .carousel-item-prev:not(.carousel-item-end),
  .carousel .active.carousel-item-start {
    transform: translateX(-25%);
  }
}
/* 3) Responsive : 2 visibles en md (→ 50%), 1 en mobile (→ 100%) */
@media (min-width: 900px) and (max-width: 1199px) { /* sm–md : 2 visibles */
  .carousel {
    width: 100%;
  }
  .carousel .carousel-item {
    flex: 0 0 50%;
  }
  .carousel .carousel-item-next:not(.carousel-item-start),
  .carousel .active.carousel-item-end {
    transform: translateX(50%);
  }
  .carousel .carousel-item-prev:not(.carousel-item-end),
  .carousel .active.carousel-item-start {
    transform: translateX(-50%);
  }
  .carousel .carousel-item .pic {
    flex: 0 0 50%; /* 3 images visibles dans le slide */
    max-width: 50%;
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (max-width: 900px) { /* < sm : 1 visible */
  .carousel {
    width: 100%;
  }
  .carousel .carousel-item {
    flex: 0 0 100%;
  }
  .carousel .carousel-item .pic {
    flex: 0 0 100%; /* 1 images visibles dans le slide */
    max-width: 100%;
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  /* pas besoin d’override : Bootstrap utilise 100% par défaut */
}
.carousel .carousel-control-prev-icon,
.carousel .carousel-control-next-icon {
  filter: invert(100%); /* noir */
}/*# sourceMappingURL=carousel_styles.css.map */

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWxfc3R5bGVzLmNzcyIsIm1hcHBpbmdzIjoiOzs7QUFBQSxnQkFBZ0I7QUNBaEI7RUFDSTtBREVKOztBQ0NBO0VBQ0U7QURFRjs7QUNDQTtFQUNFO0FERUY7O0FDQ0E7RUFDRTtFQUNBO0FERUY7O0FDQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtLQUFBO0FERUY7O0FDQUE7RUFDRTtFQUNBO0VBQ0E7S0FBQTtBREdGOztBQ0FBO0VBQ0U7RUFDQTtBREdGOztBQ0NBO0VBQ0U7RUFDQTtBREVGOztBQ0NBO0VBRUU7O0lBRUU7RURDRjtFQ0NBOztJQUVFO0VEQ0Y7QUFDRjtBQ0dBO0FBQ0E7RUFDUTtJQUNBO0VERE47RUNHQTtJQUEyQjtFREEzQjtFQ0NBOztJQUVFO0VEQ0Y7RUNDQTs7SUFFRTtFRENGO0VDQ0E7SUFDRTtJQUNBO0lBQ0E7SUFDQTtPQUFBO0VEQ0Y7QUFDRjtBQ0VBO0VBQ0k7SUFDSTtFREFOO0VDRUE7SUFBMkI7RURDM0I7RUNBQTtJQUNFO0lBQ0E7SUFDQTtJQUNBO09BQUE7RURFRjtFQ0FBO0FERUY7QUNDQTs7RUFFRTtBRENGLGdEIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vYXNzZXRzL3N0eWxlcy9jYXJvdXNlbF9zdHlsZXMuY3NzIiwid2VicGFjazovLy8uL2Fzc2V0cy9zdHlsZXMvY2Fyb3VzZWxfc3R5bGVzLnNjc3MiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=*/