/*
 * Basket page quantity stepper: minus / number / plus, the look of the header mini-cart's (mini-cart.css .s247-mc__qty).
 * Markup + behaviour: inc/cart-qty.php, assets/js/cart-qty.js. The long selectors beat the cart table's
 * ".product-quantity .qty { width: ... !important; padding: 8px !important }" rules in study247.css.
 */
.s247-woo .s247-cq { display: inline-flex; height: 40px; overflow: hidden; vertical-align: middle; border: 1px solid #222; border-radius: 8px; background: #fff; }
.s247-woo .s247-cq .quantity { display: flex; align-items: stretch; margin: 0; padding: 0; }
/* a little less side padding so the wider box does not push the table past its card; 10px on the left = the QUANTITY heading's, so the box starts under the heading text */
@media (min-width: 768px) { .s247-woo.s247-woo.s247-woo table.shop_table.cart td.product-quantity { padding-inline: 10px 2px !important; } }
.s247-woo.s247-woo.s247-woo table.shop_table.cart .product-quantity .s247-cq .quantity input.qty {
	-moz-appearance: textfield; appearance: textfield;
	box-sizing: border-box; width: 36px !important; min-width: 0; height: 38px !important; min-height: 0 !important; max-height: none !important; /* Elementor's cart widget caps .qty at 28px */ margin: 0; padding: 0 !important;
	border: 0 !important; border-inline: 1px solid #e1e6f0 !important; border-radius: 0 !important; box-shadow: none; background: #fff;
	font: 700 15px/1 Arial, Helvetica, sans-serif !important; color: #08090d; text-align: center; /* beats .s247-woo .input-text { font: 400 14px !important } */
}
.s247-woo .s247-cq input.qty::-webkit-outer-spin-button, .s247-woo .s247-cq input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.s247-woo.s247-woo.s247-woo table.shop_table.cart .product-quantity .s247-cq .quantity input.qty:focus { outline: 2px solid #0758f7; outline-offset: -2px; }
body .s247-woo .s247-cq button.s247-cq__btn {
	flex: none; width: 30px; height: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none;
	background: #fff; color: #000; font: 400 20px/1 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; cursor: pointer; transition: background-color .15s;
}
body .s247-woo .s247-cq button.s247-cq__btn:hover:not(:disabled), body .s247-woo .s247-cq button.s247-cq__btn:focus-visible:not(:disabled) { background: #eef3ff; color: #000; }
body .s247-woo .s247-cq button.s247-cq__btn:disabled { opacity: .45; color: rgba(16, 16, 16, .3); cursor: default; }
body .s247-woo .s247-cq button.s247-cq__btn:focus-visible { outline: 2px solid #0758f7; outline-offset: -2px; }