/* ── Key dates / stats row — EADA styling ──
   Renders as a full-width horizontal strip with items separated by
   hairline rules. On the home page this hosts the "16 categories /
   3 tracks / 2027 edition …" stat row; on entrant pages it can host
   dated milestones. */

.block-key-dates {
  background: var(--white);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding: 0;
}
.block-key-dates .dates-inner {
  max-width: 1400px; margin: 0 auto;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: stretch;
}
.block-key-dates .date-item {
  padding: 28px 24px;
  display: flex; flex-direction: column; gap: 4px;
  text-align: left;
  border-left: 1px solid var(--rule);
}
.block-key-dates .date-item:first-child { border-left: 0; }

.block-key-dates .date-value {
  order: 1;
  font-family: var(--font-title);
  font-weight: 600;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
  letter-spacing: -.01em;
  color: var(--dark);
  text-transform: uppercase;
}
.block-key-dates .date-label {
  order: 2;
  font-family: var(--font-title);
  font-size: 10px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
  color: var(--red);
}

/* Edit-mode: give each cell room for the ▲▼× toolbar and force the
   list toolbar to stay visible on these compact cells. */
body.cms-edit .block-key-dates .date-item { padding-right: 78px; min-height: 44px; }
body.cms-edit .block-key-dates .cms-list-item-remove,
body.cms-edit .block-key-dates .cms-list-item-move { opacity: 1; transition-delay: 0s; }
body.cms-edit .block-key-dates.cms-block-host .cms-block-tools {
  top: 8px; right: 8px; opacity: 1; pointer-events: auto; transition-delay: 0s;
}
.block-key-dates .cms-list-item-add--inline {
  width: auto; min-height: 0; padding: 8px 12px; align-self: center;
}

@media (max-width: 900px) {
  .block-key-dates .dates-inner { grid-auto-flow: row; grid-auto-columns: 1fr; grid-template-columns: repeat(2, 1fr); }
  .block-key-dates .date-item:nth-child(odd) { border-left: 0; }
  .block-key-dates .date-item { border-top: 1px solid var(--rule); }
  .block-key-dates .date-item:nth-child(-n+2) { border-top: 0; }
}
@media (max-width: 560px) {
  .block-key-dates .dates-inner { grid-template-columns: 1fr; }
  .block-key-dates .date-item { border-left: 0; }
}