/* =============================================================
   DBF PROMOS — Frontend Badge Styles
   Class prefix: .chpe-promo-badge
   ============================================================= */

/* Base badge */
.chpe-promo-badge {
	display: inline-block;
	background-color: #c0392b;
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 3px 9px;
	border-radius: 3px;
	line-height: 1.4;
	cursor: default;
	user-select: none;
	white-space: nowrap;
	position: relative;
	z-index: 10;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* ── Loop context (shop / category pages) ── */
.woocommerce ul.products li.product .chpe-promo-badge,
.chpe-promo-badge--loop {
	display: block;
	margin-bottom: 8px;
	text-align: center;
}

/* ── Single product context ── */
.woocommerce div.product .chpe-promo-badge,
.chpe-promo-badge--single {
	display: inline-block;
	margin-bottom: 12px;
	font-size: 0.85rem;
	padding: 5px 14px;
}

/* ── Entrance animation (skipped for users who prefer reduced motion) ── */
@media (prefers-reduced-motion: no-preference) {
	.chpe-promo-badge {
		animation: chpe-badge-pop 0.25s ease both;
	}

	@keyframes chpe-badge-pop {
		0%   { transform: scale(0.8);  opacity: 0; }
		70%  { transform: scale(1.06);             }
		100% { transform: scale(1);    opacity: 1; }
	}
}