/* Remove native number spinners (input only) */
input.uiinputnumber-input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

input.uiinputnumber-input[type="number"]::-webkit-inner-spin-button,
input.uiinputnumber-input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* container */
.uiinputnumber {
  display: inline-flex;
  align-items: stretch;   /* 👈 force même hauteur */
  vertical-align: middle;
}

/* input */
.uiinputnumber-input {
  padding: 0.4em 0.6em;   /* basé sur la font */
  text-align: center;
  outline: none;
  border: 1px solid #ccc;
}

/* buttons */
.uiinputnumber-btn {
  display: inline-flex;
  align-items: center;    /* centre le + / − */
  justify-content: center;

  font-size: inherit;     /* 👈 même typo que l’input */
  line-height: inherit;

  padding: 0 0.6em;       /* basé sur la font */
  border: 1px solid #ccc;
  background: #f1f1f1;
  cursor: pointer;
  user-select: none;
}

.uiinputnumber-btn:active {
  background: #ddd;
}

.uiinputnumber-dec {
  border-right: none;
  border-radius: 0.25em 0 0 0.25em;
}

.uiinputnumber-inc {
  border-left: none;
  border-radius: 0 0.25em 0.25em 0;
}