/* PopShop™ — ps-numeric-input.css
   PSNumericInput styles
   PASS 12 Stage 12C (PS-4013C) | 2026-07-31
*/

/* ── Phone Field ─────────────────────────────────────────────────────────── */

.ps-phone-field {
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}

/* ── Currency Field ──────────────────────────────────────────────────────── */

.ps-currency-field {
  font-variant-numeric: tabular-nums;
}

.ps-currency-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.ps-currency-symbol {
  position: absolute;
  left: 12px;
  font-size: 13px;
  color: var(--ps-text-muted, #888);
  pointer-events: none;
  user-select: none;
}

.ps-currency-wrap .ps-currency-field {
  padding-left: 24px;
}

/* ── Code / PIN Field ────────────────────────────────────────────────────── */

.ps-code-field {
  text-align: center;
  letter-spacing: .25em;
  font-variant-numeric: tabular-nums;
  font-size: 18px;
  font-weight: 700;
}

/* ── Quantity Field ──────────────────────────────────────────────────────── */

.ps-quantity-field {
  text-align: center;
  font-variant-numeric: tabular-nums;
}

/* ── Shared base — applies to all ps-*-field elements ───────────────────── */
/* These supplement, not override, existing field styles from ps-foundation.css */

.ps-phone-field,
.ps-currency-field,
.ps-code-field,
.ps-quantity-field,
.ps-integer-field,
.ps-zip-field,
.ps-radius-field {
  -moz-appearance: textfield; /* hide browser spinners */
}

.ps-phone-field::-webkit-outer-spin-button,
.ps-phone-field::-webkit-inner-spin-button,
.ps-currency-field::-webkit-outer-spin-button,
.ps-currency-field::-webkit-inner-spin-button,
.ps-code-field::-webkit-outer-spin-button,
.ps-code-field::-webkit-inner-spin-button,
.ps-quantity-field::-webkit-outer-spin-button,
.ps-quantity-field::-webkit-inner-spin-button,
.ps-integer-field::-webkit-outer-spin-button,
.ps-integer-field::-webkit-inner-spin-button {
  -webkit-appearance: none;
}