/* =========================================================
   Stato "nel carrello" sulle card prodotto.
   Il sistema toast vive in components/notice-toast.css; qui lo stepper
   Amazon-style (cestino · "N nel carrello" · +) che sostituisce il bottone
   "Acquista" quando il prodotto è già nel carrello, più lo stato del
   bottone standard WC sulla scheda prodotto.
   ========================================================= */

/* Wrapper della CTA: occupa tutta la larghezza del foot come faceva il bottone. */
.mz-cart-ctrl { width: 100%; }
.mz-cart-ctrl .mz-btn { width: 100%; }
.mz-part__foot .mz-qv-row > .mz-cart-ctrl { width: 100%; }

/* Toggle add-button ↔ stepper. A riposo lo stepper è hidden (attributo);
   quando il prodotto è nel carrello nascondiamo il bottone e lo mostriamo. */
.mz-stepper[hidden] { display: none; }
.mz-cart-ctrl.is-in-cart .mz-btn { display: none; }
.mz-cart-ctrl.is-in-cart .mz-stepper { display: flex; }

.mz-stepper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-2);
	width: 100%;
	height: 40px;
	padding: 0 4px;
	background: var(--paper-2);
	border: 1px solid var(--success);
	border-radius: var(--r-2);
}

.mz-stepper__btn {
	display: inline-flex; align-items: center; justify-content: center;
	flex: 0 0 auto;
	width: 32px; height: 32px;
	margin: 0; padding: 0;
	background: transparent;
	border: 0;
	border-radius: var(--r-1);
	color: var(--ink-1);
	cursor: pointer;
	appearance: none; -webkit-appearance: none;
	transition: background-color var(--d-1) var(--ease), color var(--d-1) var(--ease);
}
.mz-stepper__btn:hover { background: var(--paper-3); }
.mz-stepper__btn:focus-visible { outline: 2px solid var(--border-focus); outline-offset: 2px; }
.mz-stepper__remove:hover { color: var(--danger); }
.mz-stepper__plus:hover   { color: var(--success); }
.mz-stepper__icon { width: 16px; height: 16px; display: block; }

.mz-stepper__count {
	flex: 1 1 auto;
	text-align: center;
	font: 600 var(--t-sm)/1 var(--ff-ui);
	color: var(--ink-1);
	white-space: nowrap;
}
.mz-stepper__qty {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: var(--success);
}
.mz-stepper__text { color: var(--ink-2); margin-left: 4px; }

@media (prefers-reduced-motion: reduce) {
	.mz-stepper__btn { transition: none; }
}

/* Nascondi il link inline "Visualizza carrello" che WC inietta sotto il bottone
   dopo l'AJAX add-to-cart: il feedback è già dato dal toast e dallo stepper. */
.mz-cart-ctrl a.added_to_cart { display: none !important; }

/* Single product: stato "Nel carrello" sul bottone standard WC */
.mz-scheda__cart .single_add_to_cart_button.is-in-cart {
	background: var(--paper-2);
	color: var(--ink-1);
	border-color: var(--success);
	box-shadow: inset 0 0 0 1px var(--success);
}