.variant-buttons {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-top: .5rem;
}

.variant-button {
  border: 1px solid #ddd;
  padding: .5rem .8rem;
  border-radius: 9999px; /* pills */
  background: #fff;
  cursor: pointer;
  line-height: 1;
  transition: border-color .15s ease, box-shadow .15s ease, transform .02s ease;
}

.variant-button:hover:not(:disabled) {
  border-color: #aaa;
}

.variant-button.is-selected {
  border-color: #111;
  box-shadow: 0 0 0 2px rgba(0,0,0,.05) inset;
}

.variant-button.is-disabled,
.variant-button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.variations .value select#pa_couleurs {
  /* on laisse le select caché uniquement quand JS est actif (fait côté JS) */
}

.reset_variations {
    display: none !important;
}

.is-selected {
    background-color: #111 !important;
    color: white !important;
}