/* ============================================================
   BKS24 Redesign — Event Meta Bar (event-meta)
   Quelle: NPL Forum #5064, Management-Tag #8158/#6233, Events #5069.
   Datum / Ort / Format + Anmelde-CTA in einer Karte unter dem Page-Hero.
   ALLE Regeln unter .bks-rd gescoped (Vertrag §6).
   ============================================================ */

.bks-rd .event-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 26px 32px;
}

.bks-rd .event-meta__items {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.bks-rd .event-meta__item {
  position: relative;
  padding-left: 28px;
}
/* Icon-Slot links (Deko, CSS-only) */
.bks-rd .event-meta__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--bks-blue);
  border-radius: 3px;
}
.bks-rd .event-meta__item--date::before { border-radius: 3px; }
.bks-rd .event-meta__item--place::before { border-radius: 50% 50% 50% 0; }
.bks-rd .event-meta__item--format::before { border-radius: 50%; }

.bks-rd .event-meta__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--grey-500);
  margin: 0 0 3px;
}

.bks-rd .event-meta__value {
  font-size: 16px;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
  margin: 0;
}

.bks-rd .event-meta__actions { margin: 0; }

@media (max-width: 720px) {
  .bks-rd .event-meta { flex-direction: column; align-items: flex-start; gap: 22px; }
  .bks-rd .event-meta__items { gap: 24px; }
  .bks-rd .event-meta__actions { width: 100%; }
}