/**
 * AEX Shipping — alineación de las opciones de envío en el checkout.
 * Descripción del método a la izquierda, precio siempre visible y
 * alineado a la derecha (nunca se corta ni se va a otra línea), tanto
 * si tiene costo como si es gratis (en ese caso se muestra "0" con el
 * precio original tachado, en vez de no mostrar nada).
 */

/* -------------------------------------------------- */
/* Checkout clásico (shortcode) y carrito              */
/* -------------------------------------------------- */
#shipping_method li {
	list-style: none;
}

#shipping_method li label {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	column-gap: 12px;
	width: 100%;
	text-align: left;
}

#shipping_method li label .woocommerce-Price-amount,
#shipping_method li label .aex-free-shipping-price {
	white-space: nowrap;
	text-align: right;
	flex-shrink: 0;
	margin-left: auto;
}

.aex-free-shipping-price {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
}

.aex-free-shipping-zero {
	font-weight: 600;
}

.aex-free-shipping-original {
	color: #767676;
	font-weight: 400;
	text-decoration: line-through;
}

/* -------------------------------------------------- */
/* Checkout por bloques (Cart & Checkout blocks)       */
/* Nota: estas clases son parte de la estructura       */
/* "privada" de WooCommerce Blocks y podrían cambiar   */
/* en futuras versiones de WooCommerce. Además, el     */
/* tratamiento de "0 + tachado" de más arriba no       */
/* aplica acá (ver aviso en LEEME.md).                 */
/* -------------------------------------------------- */
.wc-block-components-radio-control__option {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	column-gap: 12px;
}

.wc-block-components-radio-control__label {
	text-align: left;
}

.wc-block-components-radio-control__secondary-label {
	white-space: nowrap;
	text-align: right;
	flex-shrink: 0;
	margin-left: auto;
}