/**
 * R31 — Consumatori globali token Base (Stile rapido editor).
 * I valori vivono in :root (css_style_mod + compiler #vo-sf-editor-live).
 * Questo file collega pagine web_app senza patch per-pagina.
 */

body {
	background-color: var(--wa-app-bg, var(--wa-color-bg));
	color: var(--wa-text-color, var(--wa-color-text));
	font-family: var(--wa-font-body);
}

/* Lista prodotti — padding verticale da token R40 su body.wa-page-lista (wa-lista.css) */
.wa-lista-grid {
	gap: var(--wa-space-list-gap, var(--wa-space-sm));
}

/* Card / pannelli generici */
.wa-mobile-card,
.wa-mobile-summary-card,
.wa-checkout-gate-card,
.wa-account-card,
.wa-checkout-riepilogo,
.wa-confirm-recap,
.wa-checkout-inner .wa-checkout-msg {
	border-radius: var(--wa-radius-card, var(--wa-radius-md));
	box-shadow: var(--wa-shadow-card, var(--wa-shadow-sm));
}

/* Input globali */
.wa-checkout-input,
.form-control.wa-checkout-input,
.wa-checkout-page .form-control {
	background: var(--wa-field-surface-bg, #ffffff);
	color: var(--wa-field-surface-color, var(--wa-text-color, var(--wa-color-text)));
	border-color: var(--wa-field-surface-border, var(--wa-border-color, var(--wa-color-border)));
	border-radius: var(--wa-radius-input, var(--wa-radius-sm));
	min-height: var(--wa-control-height, 48px);
	font-family: var(--wa-font-body);
}

/* Titoli flusso */
.wa-flow-page-title,
.wa-checkout-delivery-title,
.wa-checkout-pagamento-title,
.wa-auth-title {
	font-family: var(--wa-font-heading);
	font-weight: var(--wa-heading-weight, 800);
	letter-spacing: var(--wa-heading-letter-spacing, -0.02em);
	color: var(--wa-text-color, var(--wa-color-text));
}

/* Bottoni principali (oltre override compiler) */
.btn-prodotti,
.bottoneavanti,
.btn-success,
.wa-checkout-cta-step {
	font-family: var(--wa-font-body);
	font-weight: var(--wa-button-weight, 700);
	border-radius: var(--wa-radius-button, var(--wa-radius-pill));
	min-height: var(--wa-control-height, 44px);
	box-shadow: var(--wa-shadow-button, var(--wa-shadow-sm));
}

/* Bottom nav */
.wa-bottombar {
	background: var(--wa-nav-bg, var(--wa-bottombar-bg, var(--wa-color-surface)));
}
.wa-bottombar-item {
	color: var(--wa-nav-color, var(--wa-bottombar-fg, var(--wa-color-muted)));
}
.wa-bottombar-item.is-active {
	color: var(--wa-nav-active-color, var(--wa-bottombar-active-fg, var(--wa-color-primary)));
}

/* Hint / muted */
.wa-checkout-hint,
.testoconsegna,
.wa-muted,
.wa-cart-empty-text {
	color: var(--wa-muted-color, var(--wa-color-muted));
}