/* Native quantity +/- buttons (replaces wc-quantity-plus-minus-button plugin).
   PDP buy area is already styled via .shelly-pdp-buy rules in frontend.css;
   this file covers cart, mini-cart and other contexts. */

.quantity {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid rgba(18, 18, 18, 0.15);
	border-radius: var(--shelly-radius-md, 4px);
	overflow: hidden;
	background: #fff;
}

.quantity .qib-button {
	appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	border-right: 1px solid rgba(18, 18, 18, 0.1);
	color: #121212;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font: 600 16px/1 inherit;
	min-width: 36px;
	padding: 0 10px;
	user-select: none;
	transition: background 120ms ease, color 120ms ease;
}

.quantity .qib-button-plus {
	border-right: 0;
	border-left: 1px solid rgba(18, 18, 18, 0.1);
}

.quantity .qib-button:hover,
.quantity .qib-button:focus-visible {
	background: #121212;
	color: #fff;
	outline: none;
}

.quantity input.qty {
	border: 0;
	background: transparent;
	text-align: center;
	min-width: 48px;
	padding: 6px 4px;
	-moz-appearance: textfield;
}

.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}