/**
 * Correzione contrasti su carrello/cassa a blocchi.
 *
 * I blocchi WooCommerce disegnano diversi bordi/aloni con box-shadow scuri di
 * default (currentColor navy, #2b2d2f, rgba nero) che spuntavano in grigio/nero
 * sotto lo stile del tema. Qui li rimappiamo sui colori del tema. CSS statico,
 * niente rebuild; usa le variabili colore globali.
 */

/* Opzione pagamento/spedizione SELEZIONATA: bordo arancio invece del navy scuro. */
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	box-shadow: inset 0 0 0 1.5px var(--color-arancio, #e2571e) !important;
	border-radius: 0.9rem;
}

/* Textarea (note ordine): focus arancio come gli input, niente bordo nero #2b2d2f. */
.wc-block-components-textarea:focus {
	background-color: #fff;
	border: 1px solid var(--color-arancio, #e2571e) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-arancio, #e2571e) 18%, transparent) !important;
}

/* Bottoni "outline": bordo tenue del tema invece di currentColor scuro. */
.wc-block-components-button:not(.is-link).is-style-outline:not(:focus),
.wc-block-components-button:not(.is-link).outlined:not(:focus) {
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-harbor, #122a3f) 22%, transparent) !important;
}

/* Focus dei bottoni: alone arancio del tema invece del blu/bianco di WooCommerce. */
.wc-block-components-button:not(.is-link):focus {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-arancio, #e2571e) 30%, transparent) !important;
}

/* Selettore quantità: focus tenue arancio, non nero. */
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-arancio, #e2571e) 55%, transparent) !important;
}

/* Campo generico in focus dentro i blocchi: coerente con gli input del tema. */
.wc-block-components-text-input input:focus,
.wc-block-components-select__select:focus,
.wc-block-components-combobox-control input:focus {
	border-color: var(--color-arancio, #e2571e) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-arancio, #e2571e) 18%, transparent) !important;
}

/* Ammorbidisce eventuali drop-shadow nere dei box (notice/snackbar). */
.wc-block-components-notice-banner.wc-block-components-notice-snackbar,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner {
	box-shadow: 0 10px 30px -18px color-mix(in srgb, var(--color-harbor, #122a3f) 55%, transparent) !important;
}