/*********** spinner start *************/

.wan-spinner {
  border: 1px solid var(--border-spinner); /* Changer la couleur de la bordure */
  display: inline-flex; /* Utiliser inline-flex pour aligner les éléments */
  padding: 5px; /* Ajouter du padding autour du spinner */
  border-radius: 15px; /* Arrondir les coins */
}

.wan-spinner .minus,
.wan-spinner .plus,
.wan-spinner input {
  height: 30px; /* Hauteur des éléments augmentée pour un meilleur aspect */
  line-height: 1em; /* Garder la ligne à une hauteur normale */
  padding: 0; /* Enlever le padding par défaut */
  text-align: center; /* Centre le texte */
}

.wan-spinner input {
  border: none; /* Pas de bordure sur l'input */
  border-left: 1px solid var(--border-spinner); /* Bordure gauche pour l'input */
  border-right: 1px solid var(--border-spinner); /* Bordure droite pour l'input */
  margin: 0; /* Pas de marge */
  width: 50px; /* Largeur de l'input */
  border-radius: 0; /* Pas d'arrondi sur l'input */
}

.wan-spinner .minus,
.wan-spinner .plus {
  color: var(--text-primary); /* Couleur des boutons */
  cursor: pointer; /* Changer le curseur au survol */
  text-decoration: none; /* Pas de soulignement */
  width: 30px; /* Largeur des boutons augmentée */
  height: 30px; /* Hauteur des boutons */
  padding: 5px; /* Padding autour du texte */
  border-radius: 50%; /* Arrondir les boutons */
  display: flex; /* Utiliser flex pour centrer le texte */
  align-items: center; /* Aligner verticalement au centre */
  justify-content: center; /* Aligner horizontalement au centre */
}

.wan-spinner .minus:hover,
.wan-spinner .plus:hover {
  background-color: var(
      --border-spinner
  ); /* Changer la couleur de fond au survol */
}

/*********** spinner end *************/