/* ============================================================
   maswebsite Swatch Style
   Perbaiki border & ukuran kotak warna (color swatch) dari plugin
   WooCommerce Variation Swatches.

   Catatan: kotak warna WVS tidak memakai "border" betulan, tapi
   box-shadow (ring) di luar kotak. Karena itu ini menimpa
   box-shadow-nya, bukan border.
   ============================================================ */

/* Warna ring default: abu muda #a8a8a8 -> abu gelap #333, tetap 1px.
   Ukuran kotak diperbesar sedikit: 30px -> 36px. */
.woo-variation-swatches .variable-items-wrapper .color-variable-item:not(.radio-variable-item) {
  width: 36px !important;
  height: 36px !important;
  box-shadow: 0 0 0 1px #333 !important;
}

/* Saat hover: ring menebal ke hitam 2px biar terasa diklik. */
.woo-variation-swatches .variable-items-wrapper .color-variable-item:not(.radio-variable-item):hover {
  box-shadow: 0 0 0 2px #000 !important;
}

/* Terpilih: ring hitam 2px (centang WVS tetap muncul di atasnya). */
.woo-variation-swatches .variable-items-wrapper .color-variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .color-variable-item:not(.radio-variable-item).selected:hover {
  box-shadow: 0 0 0 2px #000 !important;
}