/* The free Variation Swatches plugin supplies the actual color/image styles.
   This file only handles archive placement and protects clicks from Flatsome's
   linked product-card layers. */
.fbs-archive-swatches {
  position: relative;
  z-index: 50;
  isolation: isolate;
  pointer-events: auto !important;
  clear: both;
  margin-top: 7px;
  min-height: var(--wvs-archive-product-item-height, 30px);
}

.fbs-archive-swatches,
.fbs-archive-swatches ul,
.fbs-archive-swatches li,
.fbs-archive-swatches .variable-item {
  pointer-events: auto !important;
}

.fbs-archive-swatches ul.variations,
.fbs-archive-swatches ul.variations > li {
  margin-bottom: 0;
}

.fbs-archive-swatches .archive-variable-items {
  position: relative;
  z-index: 51;
  justify-content: var(--wvs-position, center);
}

.fbs-archive-swatches .variable-item {
  position: relative;
  z-index: 52;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.fbs-archive-swatches .variable-item .variable-item-contents,
.fbs-archive-swatches .variable-item .variable-item-span,
.fbs-archive-swatches .variable-item img,
.fbs-archive-swatches .variable-item span {
  pointer-events: none !important;
}

.fbs-archive-swatches select.woo-variation-raw-select {
  display: none !important;
}

.fbs-archive-swatches-product img.fbs-swatch-image-changing {
  opacity: 0.9;
}

@media (prefers-reduced-motion: no-preference) {
  .fbs-archive-swatches-product .box-image img,
  .fbs-archive-swatches-product img.attachment-woocommerce_thumbnail {
    transition: opacity 120ms ease;
  }
}