/* Remove the native dropdown UI (kvc's swatches/cards replace it). Keep
   .woocommerce-variation visible - it's a sibling of
   .woocommerce-variation-add-to-cart, not a wrapper around it, and is
   where WooCommerce renders the selected variation's price and
   stock/"unavailable combination" messaging. Hiding it hid that
   messaging along with the dropdowns it was meant to replace. */
table.variations,
.reset_variations {
  display:none !important;
}
.woocommerce-variation-add-to-cart { display:block !important; }

.kvc-section { margin-bottom:30px; }
.kvc-options { display:flex; gap:20px; flex-wrap:wrap; }
.kvc-title { margin-bottom:12px; }

/* Colour circles */
.kvc-colour-circle{
  width:60px;height:60px;border-radius:50%;
  background-size:cover;background-position:center;
  border:2px solid #ddd;margin:0 auto;
}
.kvc-label{ text-align:center;margin-top:8px;font-size:14px; }

.kvc-option-wrapper{ cursor:pointer; }
.kvc-option-wrapper.active .kvc-colour-circle{ border:3px solid #000; }

/* Pills */
.kvc-pill{
  padding:10px 22px;border-radius:25px;border:1px solid #ccc;
  background:#fff;font-size:14px; min-width:140px;
}
.kvc-option-wrapper.active .kvc-pill{ border-color:#000; box-shadow:0 0 0 1px #000 inset; }

/* Summary box */
.kvc-summary-box{
  margin-top:28px;
  background:#f5f5f5;
  border-radius:16px;
  padding:26px 28px;
}
.kvc-summary-box h3{
  margin:0 0 16px 0;
  font-size:32px;
  line-height:1.1;
}
.kvc-row{
  display:flex;
  gap:16px;
  margin:10px 0;
}
.kvc-row-key{
  width:120px;
  font-weight:700;
}
.kvc-row-val{
  flex:1;
}
.kvc-summary-sku{
  margin-top:14px;
  font-size:18px;
}


/* Hide duplicate SKU/meta output under the summary (keep our in-box SKU only) */
.product_meta .sku_wrapper,
.product_meta .sku-message,
.product_meta .sku,
.product_meta .posted_in,
.product_meta .tagged_as {
  display: none !important;
}


/* Image cards for non-colour attributes (e.g. Cooktop) */
.kvc-card{
  width:180px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:14px;
  padding:14px 14px 12px;
  text-align:center;
}
.kvc-card-thumb{
  width:100%;
  height:110px;
  background-size:cover;
  background-position:center;
  border-radius:10px;
  margin-bottom:10px;
}
.kvc-card-label{
  font-size:14px;
  line-height:1.25;
}

/* Active state for cards */
.kvc-option-wrapper.active .kvc-card{
  border-color:#000;
  box-shadow:0 0 0 1px #000 inset;
}


/* -----------------------------------------
   Salient: sticky main product image column
   ----------------------------------------- */
body.single-product .nectar-prod-wrap,
body.single-product .nectar-prod-wrap .product,
body.single-product .nectar-prod-wrap .woocommerce-product-gallery{
  overflow: visible !important;
}

/* Stick the left image column while scrolling options */
body.single-product .nectar-prod-wrap .single-product-main-image{
  position: sticky;
  top: var(--kvc-sticky-top, 110px); /* adjust via CSS var if needed */
  align-self: flex-start;
}

/* Disable sticky on small screens */
@media (max-width: 999px){
  body.single-product .nectar-prod-wrap .single-product-main-image{
    position: static;
    top: auto;
  }
}





/* Trim matches Colour icon sizing */
.kvc-section[data-attribute="pa_trim"] .kvc-colour-circle{
  width:60px;
  height:60px;
}

.kvc-section[data-attribute="pa_trim"] .kvc-label{
  font-size:14px;
}