/* EventCard — ui_kits/website/Events.jsx · preview/comp-event-card.html
   Постер 0.74:1, заголовок Magistral, мета-иконки Lucide в фирменном красном.
   Используется: архив /activities/, «ближайшие события» на главной.         */
.vb-event-card {
  display: flex; flex-direction: column; height: 100%;
  background: #fff; border-radius: var(--r-lg); box-shadow: var(--sh-card);
  overflow: hidden; color: inherit; text-decoration: none;
  transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
a.vb-event-card:hover { transform: translateY(-4px); box-shadow: var(--sh-pop); color: inherit; }
@media (prefers-reduced-motion: reduce) { a.vb-event-card:hover { transform: none; } }

/* img позиционируется абсолютно: атрибуты width/height от WordPress не должны растягивать карточку */
.vb-event-card__poster { position: relative; aspect-ratio: 0.74 / 1; background: var(--vb-mist); overflow: hidden; }
.vb-event-card__poster img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.vb-event-card__body { padding: 22px 22px 24px; }
.vb-event-card__cat { margin-bottom: 12px; }
.vb-event-card__title {
  font-family: var(--font-brand); font-weight: 700; font-size: 19px; line-height: 1.2;
  color: var(--vb-ink); margin: 0 0 16px; min-height: 2.4em;
}
.vb-meta { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.vb-meta__item { display: flex; align-items: flex-start; gap: 10px; font-size: 15px; line-height: 1.4; color: var(--vb-ink-2); }
.vb-meta__item svg { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--vb-red); }
.vb-meta--light .vb-meta__item { color: #fff; font-size: 17px; }
.vb-meta--light .vb-meta__item svg { width: 22px; height: 22px; color: var(--vb-gold); }