/**
 * EE Smart Countdown (Phase 18). What shows is driven by data-state and data-timer on .ee-countdown.
 *
 * @since 3.20.0
 */
.ee-countdown {
	--ee-cd-gap: 12px;
	--ee-cd-unit-width: 76px;
	--ee-cd-unit-bg: rgba(0, 0, 0, 0.05);
	--ee-cd-unit-radius: 8px;
	--ee-cd-align: center;
	text-align: var(--ee-cd-align);
}

.ee-countdown--gone,
.ee-countdown--ab-wait {
	display: none;
}

.ee-countdown__label {
	margin: 0 0 0.5em;
	font-weight: 600;
}

.ee-countdown__label--running,
.ee-countdown__label--pending,
.ee-countdown__timer,
.ee-countdown__stock,
.ee-countdown__message {
	display: none;
}

.ee-countdown[data-state="running"][data-timer="1"] .ee-countdown__label--running,
.ee-countdown[data-state="pending"][data-timer="1"] .ee-countdown__label--pending {
	display: block;
}

.ee-countdown[data-timer="1"] .ee-countdown__timer {
	display: flex;
}

.ee-countdown[data-state="running"] .ee-countdown__stock,
.ee-countdown[data-state="pending"] .ee-countdown__stock {
	display: block;
}

.ee-countdown__stock[hidden] {
	display: none !important;
}

.ee-countdown[data-state="expired"] .ee-countdown__message--expired,
.ee-countdown[data-state="sold_out"] .ee-countdown__message--sold-out,
.ee-countdown[data-state="no_sale"] .ee-countdown__message--no-sale,
.ee-countdown[data-state="pending"][data-timer="0"] .ee-countdown__message--pending {
	display: block;
}

.ee-countdown--zero[data-state="expired"] .ee-countdown__message--expired {
	display: none;
}

.ee-countdown__timer {
	flex-wrap: wrap;
	align-items: center;
	justify-content: var(--ee-cd-align);
	gap: var(--ee-cd-gap);
	font-variant-numeric: tabular-nums;
}

.ee-countdown__unit {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.1;
}

.ee-countdown__unit[hidden],
.ee-countdown__sep[hidden] {
	display: none;
}

.ee-countdown__digits {
	font-size: 2.25em;
	font-weight: 700;
}

.ee-countdown__unit-label {
	margin-top: 0.3em;
	font-size: 0.75em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.8;
}

.ee-countdown__sep {
	font-size: 2.25em;
	font-weight: 700;
	line-height: 1.1;
	align-self: flex-start;
}

.ee-countdown--boxes .ee-countdown__unit {
	min-width: var(--ee-cd-unit-width);
	padding: 0.6em 0.5em;
	border-radius: var(--ee-cd-unit-radius);
	background: var(--ee-cd-unit-bg);
	box-sizing: border-box;
}

.ee-countdown--inline .ee-countdown__timer {
	gap: calc(var(--ee-cd-gap) / 2);
}

.ee-countdown--inline .ee-countdown__unit {
	flex-direction: row;
	align-items: baseline;
	gap: 0.25em;
}

.ee-countdown--inline .ee-countdown__digits,
.ee-countdown--inline .ee-countdown__sep {
	font-size: 1.5em;
}

.ee-countdown--inline .ee-countdown__unit-label {
	margin-top: 0;
	text-transform: none;
	letter-spacing: 0;
	font-size: 0.9em;
}

.ee-countdown__stock {
	margin: 0.75em 0 0;
	font-weight: 600;
}

.ee-countdown__stock-count {
	font-weight: 700;
}

.ee-countdown__message {
	margin: 0.25em 0 0;
	font-size: 1.1em;
	font-weight: 600;
}

.ee-countdown__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ee-countdown__errors {
	margin: 0 0 1em;
	padding: 0.75em 1em;
	border-left: 4px solid #d63638;
	background: #fcf0f1;
	color: #1d2327;
	font-size: 13px;
	text-align: left;
}

.ee-countdown__errors ul {
	margin: 0.4em 0 0 1.2em;
	padding: 0;
}

@media (max-width: 480px) {
	.ee-countdown--boxes .ee-countdown__unit {
		min-width: calc(var(--ee-cd-unit-width) * 0.8);
	}

	.ee-countdown__digits,
	.ee-countdown__sep {
		font-size: 1.8em;
	}
}