/**
 * ServerZaak_DynamicBundle - Hyva compatibility layer
 *
 * Styling for the runtime-generated bundle qty <select> (see
 * `szBuildQtySelect()` in js/hyva/bundle-dependency-qty.js).
 *
 * WHY THIS FILE EXISTS
 * ---------------------
 * The qty <select> we build at runtime replaces a plain qty <input> and, for
 * consistency, used to simply inherit that input's CSS classes (`form-input
 * w-12 px-0.5 text-center ...`). Those classes were sized for a plain number
 * input with no dropdown affordance. The theme's global `select { ... }` rule
 * reserves `padding-right: 2.5rem` for the native dropdown arrow icon, but
 * the narrower `px-0.5` utility (from the old input classes) overrides that
 * padding - so the arrow visually overlapped the quantity digits.
 *
 * This stylesheet is scoped to our own `.sz-qty-select` class (applied only
 * to the <select> elements this extension creates) - it does not touch or
 * override any class used by the Vendic ServerZaak theme itself.
 */
.sz-qty-select {
    width: 4.5rem;
    padding-left: 0.5rem;
    padding-right: 1.75rem;
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}