/**
 * Countdown widget styles.
 *
 * Used in:
 *   - Header announcement bar (auto, when any active countdown exists)
 *   - Inline anywhere via [tnt_countdown] shortcode
 */

.tnt-countdown {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--tnt-font-display);
	font-weight: 500;
	font-size: inherit;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}
.tnt-countdown--linked:hover {
	color: var(--tnt-orange);
	text-decoration: none;
}
.tnt-countdown__label {
	font-weight: 500;
	opacity: 0.92;
}
.tnt-countdown__time {
	display: inline-flex;
	align-items: baseline;
	gap: 0.375rem;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	letter-spacing: 0.01em;
}
.tnt-countdown__time span[data-d],
.tnt-countdown__time span[data-h],
.tnt-countdown__time span[data-m] {
	color: var(--tnt-orange);
	font-weight: 700;
}
.tnt-countdown__expired-text { display: none; }
.tnt-countdown.is-expired .tnt-countdown__time   { display: none; }
.tnt-countdown.is-expired .tnt-countdown__expired-text { display: inline; }

/* When countdown lives inside the announcement bar, keep numbers light/cream */
.tnt-announcement .tnt-countdown__time span[data-d],
.tnt-announcement .tnt-countdown__time span[data-h],
.tnt-announcement .tnt-countdown__time span[data-m] {
	color: var(--tnt-orange);
}