/**
 * PDP — Precio en oferta
 *
 * Tokens Vini (DESIGN.md): coral #E8562D, tinta #1C1C1E, muted #6B7280,
 * tint hero-pink #FBEDE7.
 */

/* El badge "¡Oferta!" por defecto se reemplaza por el chip junto al precio. */
.summary .onsale {
	display: none !important;
}

/* El theme fuerza column; aquí lo pasamos a fila (precio actual + anterior + chip) */
.product .summary .price,
.summary .price {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 12px;
	margin: 0 0 8px !important;
}

.summary .price .woocommerce-Price-amount {
	white-space: nowrap;
}

/* Precio actual */
.summary .price ins {
	order: 1;
	text-decoration: none;
}

.summary .price ins,
.summary .price ins .amount {
	color: #e8562d !important;
	font-family: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 2rem !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
}

/* Precio anterior (con línea centrada verticalmente) */
.summary .price del {
	order: 2;
	display: inline-block;
	position: relative;
	text-decoration: none;
}

.summary .price del,
.summary .price del .amount {
	color: #6b7280 !important;
	font-family: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

.summary .price del::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
	background-color: #6b7280;
	transform: translateY(-50%);
	pointer-events: none;
}

/* Chip de oferta */
.vini-sale-chip {
	order: 3;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	align-self: center;
	padding: 4px 10px;
	border-radius: 999px;
	background-color: #fbede7;
	color: #e8562d;
	font-family: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}

.vini-sale-chip__pct {
	font-weight: 700;
}

/* Impuestos incluidos */
.summary .price .woocommerce-price-suffix {
	order: 4;
	flex-basis: 100%;
	margin-top: 2px;
	font-size: 0.875rem;
	font-weight: 400;
	color: #6b7280;
}