/* ============================================================
   AP BURYAK HOT SALE — Frontend styles
   ============================================================ */

/* ── Listado: precio tachado + mejor precio ── */
.ap-hs-original {
	display: inline;
	text-decoration: line-through;
	color: #94a3b8;
	font-size: .9em;
	margin-right: 4px;
}

.ap-hs-original .woocommerce-Price-amount { color: inherit; }

.ap-hs-discounted {
	display: inline;
	text-decoration: none;
	font-weight: 700;
	color: #802438 !important;
	font-size: 1.05em;
}

.ap-hs-discounted .woocommerce-Price-amount { color: #802438 !important; }

/* Píldora "Hasta / 30% OFF" en dos líneas */
.ap-hs-badge {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.2;
	/* amarillo de la paleta: se diferencia del bordo del boton y el texto marron
	   contrasta 9.94:1. El borde lo despega del fondo crema, que es muy parecido. */
	background: #FFF0B5;
	color: #4D3430;
	border: 1px solid rgba(77, 52, 48, .28);
	padding: 4px 10px;
	border-radius: 20px;
	margin-left: 6px;
	vertical-align: middle;
	letter-spacing: .02em;
}

.ap-hs-badge-top {
	font-size: 9px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .06em;
	opacity: .85;
}

.ap-hs-badge-pct {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .01em;
}

/* En listados: badge como bloque */
.woocommerce ul.products li.product .price .ap-hs-badge {
	display: inline-flex;
	margin: 4px 0 0;
}

/* ── Ficha de producto: 4 precios ── */
.ap-hs-breakdown {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 8px;
}

.ap-hs-breakdown-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.ap-hs-breakdown-label {
	font-size: 12px;
	color: #64748b;
	min-width: 130px;
	flex-shrink: 0;
}

.ap-hs-breakdown-price {
	text-decoration: none;
	font-weight: 700;
	color: #802438;
	font-size: 1.05em;
}

.ap-hs-breakdown-price .woocommerce-Price-amount { color: inherit; }

.ap-hs-breakdown-pct {
	display: inline-block;
	background: #802438;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 1px 7px;
	border-radius: 20px;
	letter-spacing: .04em;
}

/* ── Badge "🔥 Hot Sale" sobre la imagen en el listado ── */
.badges__item.ap-hs-loop-badge {
	display: inline-block;
	background: #f97316;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 4px;
	letter-spacing: .03em;
	margin-top: 4px;
	white-space: nowrap;
}

/* ── Checkout: aviso de descuento al seleccionar gateway ── */
.ap-hs-discount-notice {
	display: none;
	background: #eef3fa;
	border: 1px solid #c2d4ec;
	border-radius: 8px;
	padding: 10px 14px;
	margin-top: 8px;
	font-size: 13px;
	color: #802438;
	font-weight: 500;
}

.ap-hs-discount-notice.visible { display: block; }

/* ── Página de agradecimiento: datos bancarios ── */
.ap-hs-transfer-info {
	background: #eef3fa;
	border: 1px solid #c2d4ec;
	border-radius: 10px;
	padding: 20px 24px;
	margin: 24px 0;
}

.ap-hs-transfer-info h2 {
	margin: 0 0 10px;
	font-size: 16px;
	color: #802438;
}

.ap-hs-bank-details {
	background: #fff;
	border: 1px solid #c2d4ec;
	border-radius: 6px;
	padding: 12px 16px;
	font-family: monospace;
	font-size: 13px;
	white-space: pre-wrap;
	margin: 10px 0 0;
}

/* ss27: "Desde:" en listados y carruseles */
.ap-hs-desde {
	display: inline-block;
	font-size: .85em;
	color: #64748b;
	margin-right: 4px;
}

/* En los carruseles de productos relacionados el bloque de precio va centrado */
.related .ap-hs-original,
.related .ap-hs-desde,
.related .ap-hs-discounted,
.elementor-widget-woocommerce-product-related .price,
.elementor-widget-loop-carousel .price {
	text-align: center;
}
.elementor-widget-woocommerce-product-related li.product .price,
.elementor-widget-loop-carousel li.product .price,
.related.products li.product .price {
	display: block;
	text-align: center;
}