/* Styles pour les sélecteurs de couleurs */

/* Conteneur d'un item de couleur */
.color-item {
  display: inline-block;
}

/* Cache le checkbox/radio réel */
.color-selector {
  position: absolute;
  transform: scale(0);
}

/* Affiche le numéro d'ordre quand sélectionné */
.color-selector:checked + label .color-order-number {
  opacity: 1;
}

/* Bordure quand sélectionné */
.color-selector:checked + label {
  border-color: #111827 !important;
}