/* TurqTick countdown - used by the Countdown block and [turqtick_get v="timer"] */

.turq-running {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: .25em;
	font-family: Consolas, 'Andale Mono', 'SF Mono', Monaco, 'Ubuntu Mono', 'DejaVu Sans Mono', monospace;
}

.turq-part {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.turq-value {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1;
}

.turq-label {
	font-size: .75rem;
	line-height: 1.5;		/* fixed, so label height doesn't vary with font */
	text-transform: uppercase;
	letter-spacing: .08em;
}

.turq-sep {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1;
}

/* Block only: sizes relative to the block's Font size setting, so it scales the whole countdown
   (numbers 2.5x, labels 0.75x). Default is the inherited size, so looks the same as the shortcode. */
.wp-block-turqtick-countdown .turq-value,
.wp-block-turqtick-countdown .turq-sep {
	font-size: 2.5em;
}

.wp-block-turqtick-countdown .turq-label {
	font-size: .75em;
}