/**
 * Enorosei — blocchi WooCommerce Carrello e Pagamento (checkout a blocchi).
 * Rifinisce gli stili dei blocchi con i colori e i font del tema; la struttura resta quella di WooCommerce.
 * Caricato solo su Carrello e Pagamento.
 *
 * Nota sugli !important: i blocchi WooCommerce generano regole con specificità alta e stili inline
 * (colori, bordi, font di sistema). Qui !important è usato solo per queste proprietà di aspetto,
 * mai per layout o visibilità, così un aggiornamento dei blocchi non rompe la struttura.
 */

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	--enorosei-field-border: var(--c-line-strong);
	font-family: var(--f-sans);
	color: var(--c-ink);
}

/* Titoli di sezione */
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wc-block-cart__totals-title {
	font-family: var(--f-serif) !important; /* I blocchi impostano il font di sistema con alta specificità. */
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--c-ink);
}

.wc-block-components-checkout-step__title {
	font-size: 1.5rem !important;
}

.wc-block-cart__totals-title {
	font-size: 1.25rem !important;
}

.wc-block-cart-items__header,
.wc-block-cart-items th {
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--c-muted);
}

/* Righe prodotto */
.wc-block-cart-items__row .wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
	border-radius: var(--radius-sm);
	background: var(--c-sand);
}

.wc-block-components-product-name {
	font-family: var(--f-serif);
	font-size: 1.125rem;
	line-height: 1.3;
	color: var(--c-ink);
	text-decoration: none;
}

.wc-block-components-product-name:hover {
	color: var(--c-gold-text);
}

.wc-block-components-product-metadata {
	color: var(--c-muted);
}

.wc-block-components-quantity-selector {
	border-color: var(--c-line-strong) !important;
	border-radius: var(--radius-sm) !important;
	background: var(--c-paper);
}

.wc-block-components-quantity-selector::after {
	border-color: var(--c-line-strong) !important;
	border-radius: var(--radius-sm) !important;
}

.wc-block-components-quantity-selector input {
	font-weight: 700;
}

.wc-block-cart-item__remove-link {
	color: var(--c-muted) !important;
}

/* Riepilogo / barra laterale */
.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-coupon,
.wc-block-components-sidebar-layout .wc-block-components-sidebar .wc-block-components-totals-item {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block {
	padding: var(--s-5);
	border: 1px solid #E8E0D2 !important;
	border-radius: var(--radius) !important;
	background: var(--c-paper);
}

.wc-block-components-totals-wrapper {
	border-color: var(--c-line) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 1.25rem;
	font-weight: 700;
}

.wc-block-components-formatted-money-amount {
	font-variant-numeric: tabular-nums;
}

/* Campi */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-block-components-select .wc-block-components-select__select,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
	border: 1px solid var(--enorosei-field-border) !important;
	border-radius: var(--radius-sm) !important;
	background: var(--c-paper) !important;
	color: var(--c-ink) !important;
	font-family: var(--f-sans) !important;
	box-shadow: none !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-combobox .wc-block-components-combobox-control input:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus,
.wc-block-components-textarea:focus {
	border-color: var(--c-ink) !important;
	box-shadow: 0 0 0 3px rgba(176, 151, 109, 0.35) !important;
	outline: none !important;
}

.wc-block-components-text-input label,
.wc-block-components-combobox .wc-block-components-combobox-control label,
.wc-blocks-components-select__label {
	color: var(--c-muted) !important;
	font-weight: 400;
}

.wc-block-components-validation-error,
.wc-block-components-text-input.has-error label {
	color: var(--c-error) !important;
}

.wc-block-components-text-input.has-error input {
	border-color: var(--c-error) !important;
}

/* Scelte (spedizione, pagamento) */
.wc-block-components-radio-control--highlight-checked::after,
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control__option {
	border-color: var(--c-line-strong) !important;
}

.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 2px var(--c-ink) !important;
	border-radius: var(--radius-sm);
}

.wc-block-components-radio-control__input,
.wc-block-components-checkbox__input {
	border-color: var(--c-ink) !important;
	accent-color: var(--c-ink);
}

.wc-block-components-radio-control__input:checked::before {
	background: var(--c-ink) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input:checked {
	background: var(--c-ink) !important;
	border-color: var(--c-ink) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
	fill: var(--c-ivory) !important;
}

/* Bottoni */
.wc-block-components-button:not(.is-link) {
	min-height: 56px;
	border-radius: var(--radius-sm) !important;
	background: var(--c-ink) !important;
	color: var(--c-ivory) !important;
	font-family: var(--f-sans) !important;
	font-size: 0.875rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	transition: background-color var(--t-fast) var(--ease);
}

.wc-block-components-button:not(.is-link):hover {
	background: var(--c-ink-2) !important;
}

.wc-block-components-button:not(.is-link):focus-visible {
	outline: 2px solid var(--c-gold);
	outline-offset: 3px;
	box-shadow: none !important;
}

.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
	color: inherit;
}

.wc-block-components-button.is-link,
.wc-block-components-checkout-return-to-cart-button {
	color: var(--c-ink) !important;
}

/* Coupon */
.wc-block-components-totals-coupon__form .wc-block-components-button:not(.is-link) {
	min-height: 48px;
}

.wc-block-components-panel__button {
	font-weight: 700;
}

/* Avvisi dei blocchi */
.wc-block-components-notice-banner {
	border-radius: var(--radius) !important;
	border-color: var(--c-line-strong) !important;
	background: var(--c-paper) !important;
	color: var(--c-ink) !important;
	font-size: 0.9375rem;
}

.wc-block-components-notice-banner.is-error {
	border-color: #E0B4B4 !important;
}

.wc-block-components-notice-banner.is-error > svg {
	background: var(--c-error) !important;
}

.wc-block-components-notice-banner.is-success {
	border-color: #B8CDB9 !important;
}

.wc-block-components-notice-banner.is-success > svg {
	background: var(--c-success) !important;
}

.wc-block-components-notice-banner.is-info > svg {
	background: var(--c-info) !important;
}

/* Carrello vuoto */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
	font-family: var(--f-serif);
	font-weight: 400;
}

.wp-block-woocommerce-empty-cart-block .wp-block-separator {
	border-color: var(--c-line);
}

/* Prodotti suggeriti nel carrello (cross-sell) */
.wc-block-grid__product-title,
.wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-name {
	font-family: var(--f-serif);
}

/* Pulsanti di pagamento rapido: spazio attorno */
.wc-block-components-express-payment {
	margin-bottom: var(--s-5);
}

/* Pagina "Ordine ricevuto" */
.wc-block-order-confirmation-status {
	font-family: var(--f-serif);
}

/* Avviso sull'email di conferma, sotto lo stato dell'ordine */
.order-email-note {
	margin: var(--s-4) 0;
	padding: var(--s-4);
	background: var(--c-sand);
	border-left: 3px solid var(--c-gold, #b8985f);
	font-size: 0.9375rem;
	line-height: 1.55;
}

.order-email-note a {
	text-decoration: underline;
}