/* Countdown – dark theme, red accents, DAYS / HOURS / MINS */

.playapower-countdown {
	--pp-countdown-text: #ffffff;
	--pp-countdown-accent: #F0163E;
	--pp-countdown-line: rgba(230, 57, 70, 0.35);
	display: inline-block;
	background: var(--pp-countdown-bg);
	color: var(--pp-countdown-text);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	margin-bottom: 24px;
}

.playapower-countdown__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	position: relative;
	z-index: 1;
}

.playapower-countdown__segment {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 3.5ch;
	position: relative;
	padding-bottom: 16px;
}

.playapower-countdown__value {
	color: #FFF;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px;
	padding-bottom: 10px;
	 font-family: 'Industry Test';
}

.playapower-countdown__label {
	display: block;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	position: absolute;
    bottom: -4px;
}

/* Two red dots separator (colon style) */
.playapower-countdown__sep {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	align-self: center;
	margin-bottom: 20px;
}

.playapower-countdown__sep::before,
.playapower-countdown__sep::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--pp-countdown-accent);
}

.playapower-countdown--no-date {
	background: var(--pp-countdown-bg);
	color: var(--pp-countdown-text);
	padding: 1rem 1.5rem;
	font-size: 0.95rem;
	border-radius: 8px;
	margin: 0;
}

.playapower-countdown--ended .playapower-countdown__value {
	opacity: 0.7;
}