/* Structural layout only — colours, sizes and typography come from the
   widget's own Elementor controls so they stay editable in the UI. */

.yr-countdown {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.yr-countdown__boxes {
	display: flex;
	align-items: center;
}

.yr-countdown__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	flex: 0 0 auto;
}

.yr-countdown__digit {
	/* Keeps the boxes from twitching as digits change width. */
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum";
}

.yr-countdown__trailing {
	flex: 0 0 auto;
}

.yr-countdown.is-expired .yr-countdown__boxes,
.yr-countdown.is-expired .yr-countdown__trailing {
	display: none;
}

.yr-countdown__expired {
	margin: 0;
}