/* Container global */
.builder-product-variants {
  margin: 16px 0;
  font-size: 14px;
  color: #333;
}

/* Groupe de variantes */
.variant-group {
  margin-bottom: 12px;
}

.variant-group > label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

/* Select simple */
.variant-group select {
  width: 100%;
  padding: 6px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}

/* Options de couleur (verticales, mais chaque option sur une ligne) */
.variant-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px 20px;
}

.variant-option {
  display: flex;
  align-items: center; /* cercle + texte sur la même ligne */
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  color: #444;
}

.variant-option input {
  display: none; /* cacher le radio */
}

.variant-color {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%; /* cercle */
  border: 1px solid #ccc;
}

/* État sélectionné */
.variant-option input:checked + .variant-color {
  border: 2px solid #007bff;
}