/* Chip variasi yang dipilih: hitam, teks putih (menimpa aturan lama). */
html body .chips-list .var-chip.active,
html body .chips-list .var-chip[aria-pressed="true"],
html body .chips-list .var-chip.active:hover,
html body .chips-list .var-chip.active:focus {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* Tombol Add to cart sebelum variasi dipilih. */
html body .form-actions .is-variation-required,
html body .form-actions .is-variation-required:hover {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

/* Pesan "Silakan pilih variasi terlebih dahulu." */
.natsoe-variation-hint {
  display: none;
  margin-top: 8px;
  color: #c62828;
  font-size: 13px;
}
.natsoe-variation-hint.is-visible {
  display: block;
}

/* Sorot chip saat user mencoba Add to cart tanpa memilih. */
html body .variation-chips.is-missing .var-chip:not(.active) {
  border-color: #c62828 !important;
}
.variation-chips.is-missing {
  animation: natsoe-shake 0.35s ease-in-out;
}
@keyframes natsoe-shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}