/* =================================================
   Coyful swatches — fabric chip + hard clickability
   ================================================= */

.coyful-swatches{
  margin-top:10px;
  position: relative !important;
  isolation: isolate !important;         /* new stacking context */
  z-index: 999999 !important;            /* above theme overlays */
  pointer-events: auto !important;
}

.coyful-swatches .coyful-swatch-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  position: relative !important;
  z-index: 999999 !important;
  pointer-events: auto !important;
}

.coyful-swatches .coyful-swatch{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid rgba(31,28,26,.14);
  overflow:hidden;
  background:#fff;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  text-decoration:none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;

  position: relative !important;
  z-index: 999999 !important;
  pointer-events: auto !important;
}

.coyful-swatches .coyful-swatch img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  border-radius:999px !important;

  object-fit:cover !important;
  object-position:50% 50% !important;

  /* FABRIC CHIP ZOOM */
  transform: scale(3.2) !important;
  transform-origin: 50% 50% !important;

  /* make sure clicks hit the button/link */
  pointer-events:none !important;
}

.coyful-swatches .coyful-swatch.is-selected{
  transform:scale(1.03);
  border-color:rgba(31,28,26,.55);
  box-shadow:0 6px 16px rgba(31,28,26,.08);
}

.coyful-swatches .coyful-swatch.is-disabled{
  opacity:.5;
  cursor:not-allowed;
}

/* Shop grid overlay fix */
.woocommerce ul.products li.product{
  position:relative;
}

.woocommerce ul.products li.product .coyful-swatches{
  margin-top:8px;
}