/* ==========================================================================
   Countdown (.sentio-countdown)
   ==========================================================================
   Extracted from frontend.css during the Batch 8 mechanical extraction
   (2026-04-18). Behavior-preserving.
   ========================================================================== */

/* Base container */
.sentio-countdown {
	margin: 0 auto;
}

/* Items flex container */
.sentio-countdown__items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

/* Column layout */
.sentio-countdown--layout-column .sentio-countdown__items {
	flex-direction: column;
}

/* Each countdown box */
.sentio-countdown__item {
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	text-align: center;
}

/* Column layout: items full width */
.sentio-countdown--layout-column .sentio-countdown__item {
	flex: 0 0 auto;
	width: 100%;
}

/* Digits */
.sentio-countdown__digits {
	display: block;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
}

/* Label */
.sentio-countdown__label {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	margin-top: 4px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Separator */
.sentio-countdown__separator {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	flex: 0 0 auto;
}

/* Column layout separator */
.sentio-countdown--layout-column .sentio-countdown__separator {
	width: 100%;
	text-align: center;
}

/* Expire message */
.sentio-countdown__message {
	text-align: center;
	padding: 20px 0;
}

/* Expired: hide items when JS adds this class */
.sentio-countdown--expired .sentio-countdown__items {
	display: none;
}

.sentio-countdown--expired .sentio-countdown__message {
	display: block !important;
}

/* ---- Label Position: Above ---- */
.sentio-countdown--label-above .sentio-countdown__item {
	flex-direction: column-reverse;
}

.sentio-countdown--label-above .sentio-countdown__label {
	margin-top: 0;
	margin-bottom: 4px;
}

/* ---- Digit Tick Animation ---- */
.sentio-countdown__digits--tick {
	animation: sentio-digit-tick 0.3s ease;
}

@keyframes sentio-digit-tick {
	0%   { transform: scale(1.15); opacity: 0.7; }
	100% { transform: scale(1); opacity: 1; }
}