:root { --brand-red: #f74a68; }

.info-strip {
  width: 100%;
  border: 1px solid #edeef3;
  border-radius: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.2;
  white-space: nowrap;           /* jednorádkový pruh */
  overflow: hidden;
}
.info-strip--light   { background: #fff;     color: var(--brand-red); border-color: #f2c7cf; }
.info-strip--inverse { background: var(--brand-red); color: #fff;      border-color: var(--brand-red); }

.info-strip.is-align-left   { text-align: left; }
.info-strip.is-align-center { text-align: center; }
.info-strip.is-align-right  { text-align: right; }

/* řádek pro static / countdown */
.info-strip__row {
  display: flex;
  align-items: baseline;
  justify-content: center;       /* výchozí centrace, mění se align-class wrapperu */
  gap: .5rem;
}
.info-strip.is-align-left  .info-strip__row { justify-content: flex-start; }
.info-strip.is-align-right .info-strip__row { justify-content: flex-end; }

.info-strip__label { font-weight: 600; }

/* countdown vzhled */
.info-strip__countdown {
  display: inline-flex;
  align-items: baseline;
  gap: .35rem;
  font-variant-numeric: tabular-nums;
}
.info-strip__countdown .is-seg  b { font-weight: 700; }
.info-strip__countdown .is-seg  i { font-style: normal; font-size: .85em; opacity: .85; margin-left: .15rem; }
.info-strip__countdown .is-sep     { opacity: .6; }

/* marquee */
.info-strip__viewport { width: 100%; overflow: hidden; }
.info-strip__track {
  display: inline-flex;
  align-items: center;
  gap: 2rem;
  will-change: transform;
}
.info-strip__text { display: inline-block; }

/* respektuj prefer-reduced-motion – marquee se vypne */
@media (prefers-reduced-motion: reduce) {
  .info-strip[data-mode="marquee"] .info-strip__track { animation: none !important; transform: none !important; }
}

/* mobil – menší písmo */
@media (max-width: 576px) {
  .info-strip { font-size: .95rem; }
}