/* -----------------------
   LOOP swatches
------------------------ */
.mcw-loop-swatches{
  display:flex;
  gap:var(--mcw-loop-gap);
  justify-content:center;
  margin-top:10px;
}

.mcw-loop-swatch{
  width:var(--mcw-loop-w) !important;
  height:var(--mcw-loop-h) !important;
  padding:0 !important;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  overflow:hidden;
  cursor:pointer;
  border-radius:2px;
  line-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.mcw-loop-swatch img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mcw-loop-swatch .mcw-color{
  width:100%;
  height:100%;
  display:block;
}

.mcw-loop-swatch .mcw-txt{
  font-size:10px;
  line-height:1;
}

.mcw-loop-swatch.is-active{
  border-color:#111;
  box-shadow:0 0 0 1px #111 inset;
}

.mcw-loop-swatch.is-oos{
  opacity:.35;
  pointer-events:none;
}

/* -----------------------
   SINGLE layout
------------------------ */
.mcw-single-wrap{
  margin:12px 0 8px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mcw-single-row{
  display:flex;
  align-items:center;
  gap:14px;
}

.mcw-single-row .mcw-label{
  min-width:90px;
  font-size:14px;
}

.mcw-values{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

/* Size squares */
.mcw-size-grid{
  gap:var(--mcw-single-size-gap);
}

.mcw-size-box{
  width:var(--mcw-single-size-w) !important;
  height:var(--mcw-single-size-h) !important;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  padding:0 !important;
  border-radius:0;
}

.mcw-size-box.is-active{
  border-color:#111;
  box-shadow:0 0 0 1px #111 inset;
}

.mcw-size-box.is-oos{
  opacity:.35;
  pointer-events:none;
}

/* Color pill: image + text */
.mcw-color-pill{
  height:var(--mcw-single-color-h) !important;
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:var(--mcw-single-color-gap);
  padding:0 10px 0 6px !important;
  border-radius:2px;
}

.mcw-color-pill .mcw-thumb{
  width:var(--mcw-single-color-thumb-w);
  height:var(--mcw-single-color-thumb-h);
  border-radius:2px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.mcw-color-pill img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mcw-color-pill .mcw-thumb .mcw-color{
  width:100%;
  height:100%;
  display:block;
}

.mcw-color-pill .mcw-color-text{
  font-size:13px;
  white-space:nowrap;
}

.mcw-color-pill.is-active{
  border-color:#111;
  box-shadow:0 0 0 1px #111 inset;
}

.mcw-color-pill.is-oos{
  opacity:.35;
  pointer-events:none;
}

/* Hide select rows we swatch (still in DOM for Woo JS) */
.variations tr.mcw-hide-variation-row{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.mcw-row-qty .mcw-values{
  gap:8px;
  align-items:center;
}