/* ============================================
   MOXIE GALLERY - MODULE
   Systeme Owl Carousel
   ============================================ */

/* === FOND BLANC === */
.moxie-product .product__gallery,
.moxie-product .product__images,
.moxie-product .js-images-container,
.moxie-product .carousel-inner,
.moxie-product .carousel-item {
  background: #ffffff !important;
}

.moxie-product .carousel-item img {
  mix-blend-mode: normal !important;
  background: transparent !important;
}

/* === MASQUER FLECHES, THUMBNAILS, ZOOM, INDICATORS BOOTSTRAP === */
.moxie-product .carousel-control-prev,
.moxie-product .carousel-control-next,
.moxie-product .product__zoom,
.moxie-product .product__thumbnails,
.moxie-product .carousel-indicators {
  display: none !important;
}

/* === CURSEUR === */
.moxie-product .carousel-inner {
  cursor: zoom-in !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.moxie-product .carousel-inner.dragging {
  cursor: grabbing !important;
}

/* === CAROUSEL - TAILLE GEREE PAR JS === */
.moxie-product .carousel {
  overflow: hidden !important;
  position: relative !important;
}

/* === CAROUSEL INNER === */
.moxie-product .carousel-inner {
  overflow: visible !important;
  white-space: nowrap !important;
  font-size: 0 !important;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  will-change: transform !important;
}

.moxie-product .carousel-inner.dragging {
  transition: none !important;
}

/* === IMAGES === */
.moxie-product .carousel-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  pointer-events: none !important;
}

/* === FIX TEXTE QUI DEPASSE DANS LE PANEL DROIT === */
.moxie-product__panel {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.moxie-product__name {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  max-width: 100% !important;
}

/* === GALERIE - overflow visible pour afficher les dots === */
.moxie-product__gallery {
  overflow: visible !important;
}