/**
 * LRE Countdown Element Styles
 *
 * Minimal base styles — colours and layout are controlled via
 * Bricks / Elementor style panels and status CSS classes.
 *
 * Status classes:
 *   .lre-countdown--now       — Event is happening now
 *   .lre-countdown--today     — Event is today (future)
 *   .lre-countdown--tomorrow  — Event is tomorrow
 *   .lre-countdown--soon      — Event is within the threshold
 *   .lre-countdown--future    — Event is beyond the threshold
 *   .lre-countdown--past      — No upcoming dates
 *
 * @package Listapage\RecurringEvents
 */

/* Base layout */
.lre-countdown {
	display: inline-flex;
	align-items: baseline;
	gap: 0;
	line-height: inherit;
}

.lre-countdown__prefix {
	white-space: nowrap;
	margin-inline-end: 0.35em;
}

.lre-countdown__suffix {
	white-space: nowrap;
	margin-inline-start: 0.35em;
}

.lre-countdown__label {
	white-space: nowrap;
}

/* Element wrapper */
.lre-countdown-element {
	display: block;
}

/* Badge mode — inline with subtle rounding for pill styling via Bricks */
.lre-countdown-mode--badge .lre-countdown {
	display: inline-flex;
	align-items: center;
}

/* Builder placeholder */
.lre-countdown-placeholder {
	padding: 12px 16px;
	color: #6b7280;
	font-size: 13px;
	font-style: italic;
	background: #f9fafb;
	border: 1px dashed #d1d5db;
	border-radius: 4px;
	text-align: center;
}