/* Event countdown: builds on index.css (variables, .wrap) */

/* Homepage strip */
.cdbar { background: var(--navy); color: #fff; }
.cdbar[hidden] { display: none; }
.cdbar__in { display: flex; align-items: center; gap: 28px; min-height: 64px; padding-top: 10px; padding-bottom: 10px; }
.cdbar__label { flex: none; font-size: .8rem; letter-spacing: .14em; font-weight: 600; opacity: .85; }
.cdbar__list { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 28px; }
.cdbar__list li { display: flex; align-items: center; gap: 10px; }
.cdbar__tag { padding: 2px 12px; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; font-size: .78rem; font-weight: 600; white-space: nowrap; }
.cdbar__tag.is-now { background: #f59e0b; border-color: #f59e0b; color: var(--navy); }
.cdbar__name { font-weight: 500; }
.cdbar__where { opacity: .7; font-size: .9rem; }
.cdbar__more { margin-left: auto; flex: none; font-weight: 500; font-size: .9rem; }
.cdbar__more:hover { text-decoration: underline; }

/* Events page counter card (sits on the featured festival photo) */
.cd { position: absolute; right: 24px; bottom: 40px; width: 240px; background: #fff; color: var(--navy); border-radius: var(--radius); padding: 22px 24px; text-align: center; box-shadow: 0 10px 28px rgba(15,23,42,.25); }
.cd[hidden] { display: none; }
.cd__label { font-size: .8rem; font-weight: 500; color: var(--muted); letter-spacing: .04em; }
.cd__big { font-size: 4.7rem; font-weight: 700; line-height: 1; margin-top: 4px; }
.cd__big--word { font-size: 2.2rem; line-height: 1.15; margin-top: 10px; }
.cd__unit { font-size: 1.25rem; font-weight: 600; }

@media (max-width: 720px) {
  .cdbar__in { flex-wrap: wrap; gap: 8px 16px; }
  .cdbar__more { margin-left: 0; }
  .cd { position: static; display: inline-block; margin-top: 20px; width: auto; min-width: 200px; }
}