/**
 * Single product: typeable quantity. Companion to product-qty.js.
 *
 * Styles only the state product-qty.js adds ([data-jm-qty]), so with the script
 * missing the plugin's own look is untouched. The [data-jm-qty] attribute
 * outranks the plugin's `.cws-quantity-input .cws-quantity` rules on
 * specificity, as the theme conventions require; no !important.
 */
.cws-add-to-cart-form .cws-quantity-input .cws-quantity[data-jm-qty] {
	/* Stays clickable and readable as a 4–5 digit number; an empty span
	   while typing would otherwise collapse to nothing. */
	min-width: 2.75em;
	padding: 0 4px;
	text-align: center;
	cursor: text;
	caret-color: currentColor;
	outline: none;
	white-space: nowrap;
	overflow: hidden;
	-webkit-user-select: text;
	user-select: text;
}

.cws-add-to-cart-form .cws-quantity-input:has(.cws-quantity[data-jm-qty]:focus) {
	box-shadow: 0 0 0 2px var(--e-global-color-secondary, #0b7a9c);
}