/* Sofi Gestión — precio con tarjeta y precio en efectivo/transferencia.
 * Usa los colores y tipografías del tema SOFI STORE (variables --sofi-*), con valores de respaldo. */

.sofi-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	line-height: 1.25;
}

/* Precio con tarjeta: el principal */
.sofi-price__card {
	color: var(--sofi-ink, #080807);
	font-weight: 500;
}

.sofi-price__card del {
	margin-right: 0.35em;
	color: var(--sofi-muted, #6b5e58);
	font-weight: 400;
}

.sofi-price__card ins {
	text-decoration: none;
}

/* "con tarjeta": solo en la página del producto (en las tarjetas el diseño queda limpio) */
.sofi-price__card-label {
	display: none;
	margin-left: 0.5em;
	font-family: var(--sofi-display, Montserrat, "Helvetica Neue", Arial, sans-serif);
	font-size: 0.62em;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--sofi-muted, #6b5e58);
	vertical-align: middle;
}

.single-product .wp-block-woocommerce-product-price .sofi-price__card-label,
.single-product .woocommerce-variation-price .sofi-price__card-label {
	display: inline;
}

/* Precio reducido: destacado como beneficio, sin recargar la tarjeta */
.sofi-price__cash {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.15rem 0.45rem;
	padding: 0.3rem 0.55rem;
	border-radius: 2px;
	background: var(--sofi-sand, #ebded7);
	color: var(--sofi-ink, #080807);
	font-size: 0.86em;
}

.sofi-price__cash-amount {
	font-weight: 600;
	white-space: nowrap;
}

.sofi-price__cash-label {
	font-family: var(--sofi-display, Montserrat, "Helvetica Neue", Arial, sans-serif);
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--sofi-muted, #6b5e58);
}

/* El ahorro solo se muestra en la página del producto */
.sofi-price__save {
	display: none;
}

/* Página del producto: más aire y el ahorro a la vista */
.single-product .wp-block-woocommerce-product-price .sofi-price,
.single-product .woocommerce-variation-price .sofi-price {
	gap: 0.55rem;
}

.single-product .wp-block-woocommerce-product-price .sofi-price__cash,
.single-product .woocommerce-variation-price .sofi-price__cash {
	padding: 0.55rem 0.8rem;
	font-size: 0.78em;
	border-left: 2px solid var(--sofi-ink, #080807);
}

.single-product .wp-block-woocommerce-product-price .sofi-price__cash-amount,
.single-product .woocommerce-variation-price .sofi-price__cash-amount {
	font-size: 1.15em;
}

.single-product .wp-block-woocommerce-product-price .sofi-price__save,
.single-product .woocommerce-variation-price .sofi-price__save {
	display: block;
	flex-basis: 100%;
	font-size: 0.82em;
	font-weight: 500;
	color: var(--sofi-ink, #080807);
}

/* Si el producto ya muestra el precio de la variante elegida, no repetir el rango de arriba con la caja */
.single-product .woocommerce-variation-price:not(:empty) {
	margin: 0.75rem 0;
}

/* Tarjetas de productos en celular (2 columnas): todo en una caja compacta */
@media (max-width: 781px) {
	.wc-block-product .sofi-price__cash,
	.sofi-featured .sofi-price__cash {
		padding: 0.25rem 0.45rem;
	}

	.wc-block-product .sofi-price__cash-label,
	.sofi-featured .sofi-price__cash-label {
		font-size: 0.6rem;
		letter-spacing: 0.05em;
	}
}

/* Aviso en carrito y checkout */
.sofi-card-note {
	margin: 0.75rem 0 0;
	padding: 0.6rem 0.75rem;
	border-left: 2px solid var(--sofi-ink, #080807);
	background: var(--sofi-sand, #ebded7);
	color: var(--sofi-ink, #080807);
	font-size: 0.85rem;
	line-height: 1.45;
}