/* TechESteel Auction Countdown Badge */

.tes-auction-countdown-badge {
	display: none;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 5px 12px;
	border-radius: 999px;
	line-height: 1;
	white-space: nowrap;
}

/* "Starts in HH:MM:SS" state */
.tes-auction-countdown-badge.is-countdown {
	background: #fff4e5;
	color: #b45309;
	border: 1px solid #fdba74;
}

/* "Auction is Live" state */
.tes-auction-countdown-badge.is-live {
	background: #16a34a;
	color: #ffffff;
	border: 1px solid #15803d;
	animation: tesAuctionLivePulse 1.4s ease-in-out infinite;
}

@keyframes tesAuctionLivePulse {
	0%,
	100% {
		box-shadow: 0 0 0 0 rgba( 22, 163, 74, 0.5 );
	}
	50% {
		box-shadow: 0 0 0 6px rgba( 22, 163, 74, 0 );
	}
}

/* Let the badge wrap onto its own line inside the existing
   absolute-positioned status wrap on the /auctions/ page cards,
   instead of forcing the card to grow wider. */
.tes-auction-status-wrap {
	flex-wrap: wrap;
	justify-content: flex-end;
	max-width: 220px;
}

/* Small top margin so the badge sits neatly under "Upcoming" on the
   /steel-auctions/ page cards, which stack top to bottom. */
.auction-card-top .tes-auction-countdown-badge {
	margin: -8px 0 16px;
}