/* Variation swatch sizing fix.
   Plugin (woo-variation-swatches 1.1.17) sets .vi-wpvs-option-wrap to 48x48
   AND padding:10px 20px with box-sizing:border-box, leaving an 8px content box.
   Color chips are width:100% of that, so they render as 8px slivers. */
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-color.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap,
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-image.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap,
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-variation_img.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap {
	padding: 0 !important;
	width: 40px !important;
	height: 40px !important;
	border: 1px solid rgba(0, 0, 0, .18) !important;
	border-radius: 50% !important;
	overflow: hidden;
}

.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-color.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected,
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-image.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected,
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-variation_img.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap.vi-wpvs-option-wrap-selected {
	box-shadow: 0 0 0 2px #e02b2b !important;
	border-color: #e02b2b !important;
}

/* Text/size swatches: the same padding math left ~7px of usable text width. */
.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-button.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap {
	min-width: 48px !important;
	min-height: 44px !important;
	padding: 10px 14px !important;
	justify-content: center;
}