/**
 * Quantity – Wrap quantity input
 *
 * Minimal styling for the − / + buttons added around the WooCommerce quantity
 * input on single product pages. Kept light so the theme's own quantity styling
 * still leads; override these classes in the theme if needed.
 */

.product form.cart .quantity.buttons-added {
	display: inline-flex;
	align-items: stretch;
}

.product form.cart .quantity.buttons-added .qty-button {
	flex: 0 0 auto;
	width: 36px;
	border: 1px solid currentColor;
	background: transparent;
	color: inherit;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.product form.cart .quantity.buttons-added .qty-minus { border-right: 0; }
.product form.cart .quantity.buttons-added .qty-plus  { border-left: 0; }

.product form.cart .quantity.buttons-added .qty-button:hover {
	opacity: 0.7;
}

.product form.cart .quantity.buttons-added .qty-button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -2px;
}

/* Tidy the input between the two buttons. */
.product form.cart .quantity.buttons-added input.qty {
	border-radius: 0;
	text-align: center;
}