/**
 * Stili frontend del pulsante/modulo di recesso.
 *
 * Complementari a WooCommerce: spaziature e contenitori sobri, senza
 * sovrascrivere i colori del tema. I pulsanti restano .button nativi.
 */

.wooc-withdrawal,
.wooc-withdrawal-form,
.wooc-withdrawal-block {
	margin: 1.5em 0;
}

.wooc-withdrawal__title,
.wooc-withdrawal-form__title,
.wooc-withdrawal-block__title {
	margin-bottom: .5em;
}

/* Selezione prodotti: usa lo stile tabellare WooCommerce (shop_table). */
.wooc-withdrawal-form__items {
	margin: 0 0 1.5em;
}

.wooc-withdrawal-form__items .wooc-withdrawal-qty {
	width: 5em;
	max-width: 100%;
	text-align: center;
}

.wooc-withdrawal-form__items td.wooc-withdrawal-form__qty-cell {
	text-align: right;
	white-space: nowrap;
}

/* Riepilogo importo stimato di rimborso. */
.wooc-withdrawal-form__hint {
	font-size: .9em;
	opacity: .85;
	margin-top: -.5em;
}

/* Elenco ordini eleggibili (blocco/shortcode). */
.wooc-withdrawal-block__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wooc-withdrawal-block__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75em;
	padding: 1em 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.wooc-withdrawal-block__item:last-child {
	border-bottom: 0;
}

.wooc-withdrawal-block__meta {
	flex: 1 1 auto;
}

.wooc-withdrawal-block__item .button {
	flex: 0 0 auto;
}

@media (max-width: 480px) {
	.wooc-withdrawal-block__item .button {
		width: 100%;
	}
}