/**
 * DCL Shop: câmpul de cantitate cu butoanele „−” și „+” (woocommerce/global/quantity-input.php, T18).
 * Butoanele apar doar după ce rulează assets/shop/cantitate.js (clasa dcl-cant--js).
 * Când un modul își pune singur butoanele (clasa dcl-cant--ext), tema nu le dublează și le dă doar aspectul ei.
 */
.dcl-cant--js { display: inline-flex; align-items: stretch; border: 1px solid var(--c-line); border-radius: 6px; overflow: hidden; background: var(--c-panel); max-width: 100%; }
.dcl-cant--js .qty,
.woocommerce .dcl-cant--js input.qty,
.woocommerce div.product form.cart .dcl-cant--js input.qty {
	width: 3.4em; min-width: 0; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
	text-align: center; background: transparent !important; -moz-appearance: textfield; appearance: textfield;
}
.dcl-cant--js .qty::-webkit-inner-spin-button, .dcl-cant--js .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.dcl-cant__btn,
.dcl-cant--js.dcl-cant--ext > button {
	flex: 0 0 auto; width: 38px; min-height: 40px; margin: 0; padding: 0; border: 0; border-radius: 0;
	background: var(--c-soft); color: var(--c-ink); font: 600 18px/1 var(--c-font); cursor: pointer;
}
.dcl-cant__btn:hover, .dcl-cant--js.dcl-cant--ext > button:hover { background: var(--c-line); }
.dcl-cant__btn:focus-visible, .dcl-cant--js.dcl-cant--ext > button:focus-visible { outline: 2px solid var(--c-accent-text); outline-offset: -2px; }
.dcl-cant__btn:disabled, .dcl-cant--js.dcl-cant--ext > button:disabled { opacity: .45; cursor: not-allowed; }
.dcl-cant__btn[hidden] { display: none; }