/* SettoreQ - WooCommerce Thumb Slider (fixed arrows + drag) */

.woocommerce-product-gallery .thumb-row.sq-thumbs{
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
}

/* Frecce */
.woocommerce-product-gallery .thumb-row.sq-thumbs .sq-thumb-arrow{
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  font-size: 18px;
  line-height: 1;
  z-index: 5;
}
.woocommerce-product-gallery .thumb-row.sq-thumbs .sq-thumb-arrow[disabled]{
  opacity: 0.3;
  cursor: default;
}

/* VIEWPORT (FIX: min-width:0 + width:auto) */
.woocommerce-product-gallery .thumb-row.sq-thumbs .sq-thumb-viewport{
  flex: 1 1 auto;
  min-width: 0;      /* <<< risolve taglio a destra in flex */
  width: auto;       /* <<< NON 100% */
  overflow: hidden;
  touch-action: pan-y;
  box-sizing: border-box;
}

/* TRACK */
.woocommerce-product-gallery .thumb-row.sq-thumbs .sq-thumb-track{
  display: flex;
  gap: 10px;
  will-change: transform;
  transition: transform 220ms ease;
  box-sizing: border-box;
}

/* THUMB BOX */
.woocommerce-product-gallery .thumb-row.sq-thumbs
.sq-thumb-track .woocommerce-product-gallery__image{
  flex: 0 0 150px;
  width: 150px;
  height: 200px;

  overflow: hidden;
  border: 1px solid #eaeaea;
  padding: 5px;

  box-sizing: border-box;
}

/* LINK full */
.woocommerce-product-gallery .thumb-row.sq-thumbs
.sq-thumb-track .woocommerce-product-gallery__image > a{
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: none !important;
  background-image: none !important;
}

/* IMG contain */
.woocommerce-product-gallery .thumb-row.sq-thumbs
.sq-thumb-track .woocommerce-product-gallery__image > a img{
  width: auto !important;
  height: auto !important;
  max-width: 140px !important;
  max-height: 190px !important;
  display: block !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Mobile */
@media (max-width: 640px){
  .woocommerce-product-gallery .thumb-row.sq-thumbs
  .sq-thumb-track .woocommerce-product-gallery__image{
    flex: 0 0 120px;
    width: 120px;
    height: 170px;
  }

  .woocommerce-product-gallery .thumb-row.sq-thumbs
  .sq-thumb-track .woocommerce-product-gallery__image > a img{
    max-width: 110px !important;
    max-height: 160px !important;
  }
}



.woocommerce-product-gallery .thumb-row.sq-thumbs .sq-thumb-viewport{
  flex: 1 1 auto;
  min-width: 0;        /* FONDAMENTALE nei flex per evitare calcoli strani */
  overflow: hidden;
  box-sizing: border-box;
}

/* track: aggiungo un piccolo buffer a destra */
.woocommerce-product-gallery .thumb-row.sq-thumbs .sq-thumb-track{
  display: flex;
  gap: 10px;
  will-change: transform;
  transition: transform 220ms ease;
  padding-right: 10px; /* buffer: evita che l ultima venga mangiata */
  box-sizing: border-box;
}