/**
 * The listing page's quantity select, beside the add-to-cart button.
 *
 * Kindshare's global `select { padding: 0 1.5em !important }` beats the select's own
 * `.qty_selection.stock_item select { padding: 11px 20px }`, so the select falls back to
 * one line of text (27.5px) next to a 41.5px button, with the browser's dark border.
 * This gives it the button's height, the border of the page's other selects, a padding
 * that leaves the number room and a gap before the button on a phone. The padding has to
 * be !important to get past the global rule; it stays below a marketplace's own one.
 *
 * Every rule sits in :where() (no specificity), and the file loads before the
 * marketplace's custom CSS, so a marketplace that already styles this select keeps its
 * look. Kept as a small hand-written file, like input-group-fix.css, so it takes effect
 * without a theme rebuild; loaded by plugins/Kreezalid/Core/templates/element/stylesheets.php.
 */
:where(.add-to-cart-panel .qty_selection.stock_item) select {
    max-width: calc(100% - 8px);
    height: 41.5px;
    padding: 0 26px 0 12px !important;
    border: 1px solid #ccc;
    color: #555;
}