/**
 * FYFX Countdown Timer Widget Styles
 *
 * @package fyfx-elementor-core
 * @since   1.0.0
 */

/* ── Wrapper ──────────────────────────────────────────────────────────────── */

.fyfx-countdown-wrapper {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

/* Block layout: wrapper fills its container; each item grows equally. */
.fyfx-countdown--label-block .fyfx-countdown-wrapper {
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	max-width: 100%;
}

.fyfx-countdown--label-block .fyfx-countdown-item {
	flex: 1;
}

/* Inline layout: wrapper shrinks to content; items flow naturally. */
.fyfx-countdown--label-inline .fyfx-countdown-wrapper {
	display: -webkit-inline-flex;
	display: inline-flex;
	flex-wrap: wrap;
}

/* In inline mode the digit and label sit side-by-side inside each item. */
.fyfx-countdown--label-inline .fyfx-countdown-item {
	flex-direction: row;
	align-items: center;
	gap: 6px;
}

.fyfx-countdown--label-inline .fyfx-countdown-label {
	margin-top: 0;
}

/* ── Individual Item ──────────────────────────────────────────────────────── */

.fyfx-countdown-item {
	display: -webkit-inline-flex;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/* ── Digits ───────────────────────────────────────────────────────────────── */

.fyfx-countdown-digits {
	display: block;
	font-weight: 600;
	line-height: 1;
}

/* ── Label ────────────────────────────────────────────────────────────────── */

.fyfx-countdown-label {
	display: block;
}

/* ── Expire message (hidden until timer expires) ──────────────────────────── */

.fyfx-countdown-expire--message {
	display: none;
}