/**
 * Množstvo `.pc-qty` — jeden ovládač pre celý web.
 *
 * Markup kreslí woocommerce/global/quantity-input.php (každé
 * `woocommerce_quantity_input()`: detail, variácie, zoskupené produkty,
 * košík) a nákupný box v template-parts/single/summary.php. Kroky obsluhuje
 * assets/js/qty.js.
 *
 * Načítava sa všade, kde je aktívne WooCommerce — pole vie vyrenderovať aj
 * plugin (shortcode, quick view), povrchové CSS by ho tam nezachytilo.
 * Rozmery si kontexty doladia u seba (cart-checkout.css zužuje pole
 * v tabuľke košíka). Výška 44 px a písmo 16 px platia všade — menšie
 * tlačidlá ± boli pod dotykovým minimom a pole pod 16 px priblížilo
 * stránku na iOS.
 */

.pc-qty {
	display: inline-flex;
	align-items: stretch;
	min-height: 2.75rem;
	border: 1px solid rgb(var(--pc-field-border));
	border-radius: var(--pc-radius-field);
	background: rgb(var(--pc-card));
	overflow: hidden;
}

.pc-qty__step {
	flex: none;
	width: 2.75rem;
	padding: 0;
	border: 0;
	background: rgb(var(--pc-soft));
	color: rgb(var(--pc-ink));
	font: inherit;
	font-size: var(--pc-fs-lg);
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.pc-qty__step:hover {
	background: rgb(var(--pc-accent) / 0.12);
	color: rgb(var(--pc-accent-deep));
}

/* Na kraji rozsahu (min/max) tlačidlo vypína qty.js */
.pc-qty__step:disabled {
	color: rgb(var(--pc-muted));
	cursor: not-allowed;
}

.pc-qty__step:disabled:hover {
	background: rgb(var(--pc-soft));
	color: rgb(var(--pc-muted));
}

.pc-qty__step:focus-visible {
	outline: 2px solid rgb(var(--pc-focus));
	outline-offset: -2px;
}

.pc-qty__input {
	width: 3.5rem;
	min-width: 0;
	padding: var(--pc-space-2) var(--pc-space-1);
	border: 0;
	border-left: 1px solid rgb(var(--pc-line));
	border-right: 1px solid rgb(var(--pc-line));
	border-radius: 0;
	background: rgb(var(--pc-card));
	text-align: center;
	font: inherit;
	/* 16 px — pod tým iOS pri fokuse priblíži stránku */
	font-size: var(--pc-fs-base);
	font-weight: 600;
	color: rgb(var(--pc-ink));
	-moz-appearance: textfield;
	appearance: textfield;
}

/* Číselník prehliadača nahrádzajú tlačidlá ± */
.pc-qty__input::-webkit-outer-spin-button,
.pc-qty__input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.pc-qty__input:focus-visible {
	outline: 2px solid rgb(var(--pc-focus));
	outline-offset: -2px;
}

/* Readonly pole (bez ±) — bočné linky by viseli vo vzduchu */
.pc-qty--static .pc-qty__input {
	border-left: 0;
	border-right: 0;
}