/**
 * Storzen — Flash Sale Countdown CSS
 * assets/css/modules/flash-countdown.css
 */

:root {
  --sz-fc-bg:       #1d2327;
  --sz-fc-text:     #ffffff;
  --sz-fc-accent:   #e11d48;
  --sz-fc-radius:   6px;
  --sz-fc-card-max: 200px;
}

/* ── Wrapper ──────────────────────────────────────────── */
.sz-flash-countdown {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 6px 0;
}

/* Card variant — compact */
.sz-flash-countdown--card {
  font-size: 11px;
}
.sz-flash-countdown--single {
  font-size: 13px;
  margin: 10px 0;
}

/* ── Label ─────────────────────────────────────────── */
.sz-flash-label {
  font-size: inherit;
  font-weight: 600;
  color: var(--sz-fc-accent);
  white-space: nowrap;
}

/* ── Timer Row ─────────────────────────────────────── */
.sz-flash-timer {
  display: flex;
  align-items: center;
  gap: 3px;
}

.sz-flash-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--sz-fc-bg);
  color: var(--sz-fc-text);
  border-radius: var(--sz-fc-radius);
  padding: 4px 6px 3px;
  min-width: 32px;
  line-height: 1;
}

.sz-flash-countdown--card .sz-flash-unit {
  min-width: 26px;
  padding: 3px 4px 2px;
}

.sz-flash-digit {
  font-size: 1.1em;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.5px;
  display: block;
}

.sz-flash-unit-label {
  font-size: 0.7em;
  opacity: 0.65;
  margin-top: 1px;
  display: block;
}

.sz-flash-sep {
  font-weight: 700;
  color: var(--sz-fc-bg);
  font-size: 1.1em;
  margin: 0 1px;
  align-self: center;
  padding-bottom: 4px;
}

/* Expired state */
.sz-flash-countdown.sz-expired .sz-flash-timer { display: none; }
.sz-flash-expired-msg {
  font-size: inherit;
  color: #6c737a;
  font-style: italic;
}