/* FORCE SLIDESHOW IMAGES TO BE VISIBLE - EMERGENCY FIX */

/* Ensure container is visible */
.product-slideshow-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
}

/* Ensure wrapper is visible */
.slideshow-wrapper {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}

/* Ensure track is visible and properly sized */
.slideshow-track {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  /* Don't force width - let JS set it to slides.length * 100% */
  height: 100% !important;
  /* Don't force transform - let JS control it for smooth transitions */
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Force ALL slides to be visible initially - but don't override width */
.slideshow-slide {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  /* Don't force width - let JS set it to 100/slides.length % */
  height: 100% !important;
  flex-shrink: 0 !important;
  /* Ensure slides are properly sized by JS */
  min-width: 0;
}

/* Force ALL images to be visible and fill full card */
.slideshow-slide img,
.slideshow-slide .slideshow-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 100 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Active slide images - even more visible */
.slideshow-slide.active img,
.slideshow-slide.active .slideshow-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 200 !important;
}

/* First slide should always be visible initially */
.slideshow-slide:first-child {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.slideshow-slide:first-child img,
.slideshow-slide:first-child .slideshow-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide loading state */
#slideshowLoading {
  display: none !important;
}