/* Nút chọn biến thể dạng nhãn (giữ giao diện như plugin Variation Swatches cũ). */
.variation-selector.hidden{display:none!important;visibility:hidden!important}
.variations_form .tawcvs-swatches{padding:5px;display:inline-flex!important;flex-wrap:wrap}
.variations_form .tawcvs-swatches .swatch-item-wrapper{position:relative;margin:6px 8px}
.variations_form .tawcvs-swatches .swatch{transition:all .3s;width:30px;height:30px;line-height:28px;text-align:center;cursor:pointer;position:relative;white-space:nowrap;margin:0 10px;padding:2px 5px;display:inline-flex;align-items:center;justify-content:center}
.variations_form .tawcvs-swatches .swatch:first-child{margin-left:0}
.variations_form .tawcvs-swatches .swatch:last-child{margin-right:0}
.variations_form .tawcvs-swatches .swatch.swatch-label{font-size:14px;min-width:max-content;width:auto}
.variations_form .tawcvs-swatches .swatch.swatch-shape-circle,
.variations_form .tawcvs-swatches .swatch.swatch-shape-circle:before{border-radius:50%!important}
.variations_form .tawcvs-swatches .swatch:before{content:"";display:block;position:absolute;left:-4px;top:-4px;right:-4px;bottom:-4px;border:1px solid #ddd}
.variations_form .tawcvs-swatches .swatch.selected{border-color:transparent}
.variations_form .tawcvs-swatches .swatch.selected:before{border-color:#674399}
.variations_form .tawcvs-swatches .swatch.selected.swatch-label{border-bottom:none!important}
.variations_form .tawcvs-swatches .swatch.disabled{opacity:.4;cursor:not-allowed}
.variations_form .tawcvs-swatches .swatch:focus-visible{outline:2px solid #674399;outline-offset:4px}