/**
 * R32 — Stati interazione mobile-first (PWA cliente).
 * Hover decorativi neutralizzati; feedback tap via :active; accessibilità via :focus-visible.
 * Scope: body.wa-client-app (web_app).
 */

/* ── CTA primari: nessun cambio colore in hover ───────────────────── */
.wa-client-app .btn-success:hover,
.wa-client-app .btn-info:hover,
.wa-client-app .btn-prodotti:hover,
.wa-client-app .bottoneavanti:hover,
.wa-client-app .bottonedatipersonali:hover,
.wa-client-app .btn-accedi:hover,
.wa-client-app .btn-choose:hover,
.wa-client-app .wa-checkout-cta-delivery:hover:not(:disabled),
.wa-client-app .wa-checkout-cta-pickup:hover:not(:disabled),
.wa-client-app .wa-checkout-delivery-primary:hover:not(:disabled),
.wa-client-app #wa-cta-ordine:hover {
	background-color: var(--wa-primary-color, var(--wa-color-primary)) !important;
	border-color: var(--wa-primary-color, var(--wa-color-primary)) !important;
	color: var(--wa-primary-contrast, var(--wa-color-primary-contrast)) !important;
	filter: none !important;
	transform: none !important;
}

.wa-client-app .wa-checkout-cta-pickup:hover:not(:disabled) {
	background-color: var(--wa-cta-pickup-bg, var(--wa-color-surface)) !important;
	border-color: var(--wa-cta-pickup-border, var(--wa-color-primary)) !important;
	color: var(--wa-cta-pickup-color, var(--wa-color-text)) !important;
}

/* Checkout step CTA: nessun secondo tema hover (mobile/PWA) */
.wa-client-app .wa-checkout-page .wa-checkout-cta-step:hover,
.wa-client-app .wa-checkout-page .wa-checkout-cta-choice:hover,
.wa-client-app .wa-checkout-page .btn-choose:hover,
.wa-client-app .wa-checkout-page .wa-checkout-delivery-primary:hover:not(:disabled) {
	background-color: var(--wa-cta-confirm-bg) !important;
	border-color: var(--wa-cta-confirm-border, var(--wa-cta-confirm-bg)) !important;
	color: var(--wa-cta-confirm-color) !important;
	filter: none !important;
	transform: none !important;
}

.wa-client-app .btn-success:active:not(:disabled),
.wa-client-app .btn-prodotti:active:not(:disabled),
.wa-client-app .bottoneavanti:active:not(:disabled),
.wa-client-app .wa-checkout-cta-delivery:active:not(:disabled),
.wa-client-app .wa-checkout-cta-pickup:active:not(:disabled) {
	transform: scale(0.98);
	filter: brightness(0.96);
}

/* ── Card lista / prodotto: no lift on hover ─────────────────────── */
.wa-client-app .wa-lista-grid .blocco_presentazioneprodotto:hover,
.wa-client-app .wa-lista-grid .wa-product-card:hover,
.wa-client-app .wa-mobile-card:hover {
	transform: none !important;
	box-shadow: var(--wa-shadow-card, var(--wa-shadow-sm)) !important;
	border-color: var(--wa-border-color, var(--wa-color-border)) !important;
}

.wa-client-app .wa-lista-grid .wa-product-card:active,
.wa-client-app .wa-lista-grid .blocco_presentazioneprodotto:active {
	transform: scale(0.995);
	opacity: 0.96;
}

/* ── Checkout selectable cards ───────────────────────────────────── */
.wa-client-app .wa-checkout-service-card:hover,
.wa-client-app .wa-checkout-time-option:hover:not(:disabled),
.wa-client-app .wa-checkout-pagamento-card:hover,

.wa-client-app .wa-checkout-service-card--pickup:hover {
	border-color: var(--wa-color-accent) !important;
	background: var(--wa-selectable-bg, var(--wa-color-surface)) !important;
}

.wa-client-app .wa-checkout-service-card--delivery:hover {
	border-color: var(--wa-color-primary) !important;
	background: var(--wa-selectable-bg, var(--wa-color-surface)) !important;
}

.wa-client-app .wa-checkout-service-card:active,
.wa-client-app .wa-checkout-time-option:active:not(:disabled) {
	transform: scale(0.99);
}

/* ── Icon buttons checkout ───────────────────────────────────────── */
.wa-client-app .wa-checkout-voice-btn:hover,
.wa-client-app .wa-checkout-geo-btn:hover {
	background: var(--wa-icon-btn-filled-bg, var(--wa-color-primary)) !important;
	border-color: var(--wa-icon-btn-filled-bg, var(--wa-color-primary)) !important;
	color: var(--wa-icon-btn-filled-fg, var(--wa-color-primary-contrast)) !important;
}

.wa-client-app .wa-checkout-geo-btn:hover {
	background: var(--wa-color-surface) !important;
	color: var(--wa-icon-btn-outline-fg, var(--wa-color-primary)) !important;
	border-color: var(--wa-icon-btn-outline-border, var(--wa-color-primary)) !important;
}

.wa-client-app .wa-checkout-voice-btn:active,
.wa-client-app .wa-checkout-geo-btn:active {
	transform: scale(0.97);
}

/* ── Bottom nav: solo .is-active, no hover ───────────────────────── */
.wa-client-app .wa-bottombar-item:hover:not(.is-active) {
	color: var(--wa-bottombar-fg, var(--wa-color-muted)) !important;
	transform: none !important;
}

/* ── Link secondari: no underline/color shift on hover ───────────── */
.wa-client-app .wa-checkout-back-link:hover,
.wa-client-app .menuapri:hover,
.wa-client-app .wa-messages-toolbar a:hover {
	color: var(--wa-muted-color, var(--wa-color-muted)) !important;
	text-decoration: none !important;
}

.wa-client-app .wa-checkout-back-link:focus-visible {
	text-decoration: underline;
}

/* ── Autocomplete indirizzo ──────────────────────────────────────── */
.wa-client-app .wa-addr-ac-item:hover {
	background: var(--wa-color-surface-soft) !important;
}

.wa-client-app .wa-addr-ac-item:active {
	background: var(--wa-color-primary-soft) !important;
}

/* ── Carrello +/- ────────────────────────────────────────────────── */
.wa-client-app .wa-carrello-page .wa-btn-plus:hover,
.wa-client-app .wa-carrello-page .wa-btn-minus:hover {
	filter: none !important;
	transform: none !important;
}

.wa-client-app .wa-carrello-page .wa-btn-plus:active,
.wa-client-app .wa-carrello-page .wa-btn-minus:active {
	transform: scale(0.92);
}

/* ── Scheda prodotto (fp): no hover gallery/CTA color jump ────────── */
.wa-client-app .fp-gallery-thumb:hover,
.wa-client-app .fp-cart-btn:hover,
.wa-client-app .fp-mobile-footer-btn:hover,
.wa-client-app .fp-sez-option:hover,
.wa-client-app .fp-allergen-btn:hover {
	transform: none !important;
	filter: none !important;
}

.wa-client-app .fp-cart-btn:active,
.wa-client-app .fp-mobile-footer-btn:active {
	transform: scale(0.98);
	filter: brightness(0.96);
}
