/* Hover/Active only steppers, aligned inside the input */
.e6b-stepper{
  position: relative;
  display: inline-flex;
  align-items: stretch;
  vertical-align: middle;
}

.e6b-stepper input[type="number"]{
  padding-right: 2.8rem !important; /* room for arrows when shown */
  max-width: 240px;
  box-sizing: border-box;
  height: 42px;
  line-height: 42px;
}

/* Arrow rail (inside right) */
.e6b-stepper .e6b-arrows{
  position: absolute;
  right: 6px;
  top: 2px;
  bottom: 2px;
  width: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  background: var(--e6b-stepper-bg, #fff);
  border-left: 1px solid var(--e6b-stepper-border, #d7dee6);
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.02);

  /* Hidden by default */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 120ms ease;
  z-index: 5;
}

/* Show on hover, focus, or "active" state */
.e6b-stepper:hover .e6b-arrows,
.e6b-stepper:focus-within .e6b-arrows,
.e6b-stepper[data-show="1"] .e6b-arrows{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.e6b-stepper .e6b-arrows button{
  flex: 1;
  min-height: 18px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  padding: 0;
  user-select: none;
  color: #213a52;
  font-weight: 600;
}
.e6b-stepper .e6b-arrows button:hover{ background:#eaf1ff; }
.e6b-stepper .e6b-arrows button:active{ background:#d6e6ff; }

/* Remove native spinners to avoid double UI */
[data-e6b-root] input[type="number"]::-webkit-outer-spin-button,
[data-e6b-root] input[type="number"]::-webkit-inner-spin-button,
.e6b-wrap input[type="number"]::-webkit-outer-spin-button,
.e6b-wrap input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
[data-e6b-root] input[type="number"],
.e6b-wrap input[type="number"]{
  -moz-appearance: textfield;
}

@media (max-width: 480px){
  .e6b-stepper input[type="number"]{ height: 38px; }
}
