/* Product Gallery swiper */
/* Hide Woo’s inline thumbs completely */
.woocommerce-product-gallery.sso-gallery-enhanced .woocommerce-product-gallery__image {
  display: none !important;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {
  display: block !important; /* keep main image only */
}
/* move lightbox magnifying glasds to fit inside image box */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
    margin-right:1.2em;
}
/* --- Main Image --- */
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img{
    display: block;
    max-width: 90%;          /* don’t let it push outside container */
    margin: 0 auto 1em;      /* center + spacing */
    object-fit: contain;
}
.woocommerce div.product div.images.woocommerce-product-gallery.sso-gallery-enhanced img{
    max-height: 100%!important;
    background: #fff;
    border-radius: 12px;
    box-shadow: 5px 8px 12px 6px rgba(0,0,0,0.3);
}
.woocommerce-product-gallery__wrapper {
    padding: .5em !important;
    text-align: center;      /* center child images */
}

/* First row (4 thumbnails only) */
.sso-thumbs-row1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 5px auto;
  padding: 8px;
  max-width: 100%;
}

.sso-thumbs-row1 img {
  height: 90px!important;
  width: auto;
  object-fit: cover;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Row 2: Swiper carousel */
.sso-thumbs-row2 {
  position: relative;
  margin-top: 1em;
  padding: 12px!important;
  border-radius: 12px;
  background: #fff;
  box-shadow: 4px 8px 8px 8px rgba(0,0,0,0.3);
  overflow: hidden;   /* prevents slides from bleeding out */
}

.sso-thumbs-row2 .swiper-wrapper {
  align-items: center;
  transition-timing-function: linear !important;
}

.sso-thumbs-row2 img {
  height: 90px!important;
  width: auto;
  margin: 2px;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}

.sso-thumbs-row2 .swiper-slide {
  display: flex;
  justify-content: center;
}
/* Thumbnails Hover */
.sso-thumbs-row1 img:hover,
.sso-thumbs-row2 img:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 14px rgba(0,0,0,0.2);
}
/* --- SWIPER NAVIGATION --- */
.sso-thumbs-row2 .swiper-button-next,
.sso-thumbs-row2 .swiper-button-prev {
 display: none !important;
}


/* ---------------------------
   RESPONSIVE FIXES FOR GALLERY
---------------------------- */

/* Tablet: 3 thumbs per row */
@media (max-width: 1024px) {
    .woocommerce div.product div.images .woocommerce-product-gallery__trigger{
    display: none;
}
  .sso-thumbs-row1 {
    grid-template-columns: repeat(3, 1fr);
  }
  .woocommerce div.product div.images.woocommerce-product-gallery.sso-gallery-enhanced img,
  .sso-thumbs-row1 img,
  .sso-thumbs-row2 img {
    box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.20);
  }
}

/* Mobile: 2 thumbs per row */
@media (max-width: 768px) {
        .woocommerce div.product div.images .woocommerce-product-gallery__trigger{
    display: none;
}
    .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
    max-width: 95%;
  }
  .sso-thumbs-row1 {
    grid-template-columns: repeat(2, 1fr);

  }
  .sso-thumbs-row2 {
    padding: 8px !important;
  }
  .sso-thumbs-row2 img {
    height: 70px !important; /* slightly smaller thumbs */
  }
      .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child img {
    max-width: 95%;
    margin-top:3px;
  }
  .woocommerce div.product div.images.woocommerce-product-gallery.sso-gallery-enhanced img,
  .sso-thumbs-row1 img,
  .sso-thumbs-row2 img {
    box-shadow: 4px 4px 6px 4px rgba(0,0,0,0.15);
    border-radius: 8px; /* slightly softer corners */
  }
}