/* Публичные страницы /events/ (index, event_register) — поверх дизайн-системы
   портала (variables/base/layout/components.css). */

/* --- Страница мероприятия (event_register.php) --- */

/* Кнопка «Вернуться» (.page-actions): без верхнего отступа из layout.css —
   он выравнивает текстовые ссылки по заголовку, а кнопке опускает низ на карточку. */
.page-actions { padding-top: 0; }

/* Свойства события: строки «подпись — значение» по левому краю карточки. */
.event-meta {
    display: grid;
    gap: var(--space-3);
    margin: 0 0 var(--space-5);
    font-size: var(--fs-lg);
}
.event-meta__row {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: var(--space-3);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border);
}
.event-meta__row:last-child { border-bottom: 0; padding-bottom: 0; }
.event-meta dt { color: var(--text-muted); font-weight: 600; }
.event-meta dd { margin: 0; overflow-wrap: anywhere; }

/* Описание из TinyMCE (доверенный HTML): длинные слова и картинки не выходят за карточку. */
.event-about { overflow-wrap: break-word; }
.event-about img { height: auto; }

/* Заголовок блока описания — фирменный красный, с отступом от параметров. */
.event-about__title {
    color: var(--brand);
    margin-top: var(--space-8);
}

/* Форма регистрации */
.event-register .req { color: var(--danger); }
.event-register__agree { display: flex; margin-bottom: var(--space-5); }

@media (max-width: 600px) {
    .event-meta { font-size: var(--fs-base); }
    .event-meta__row { grid-template-columns: 1fr; gap: var(--space-1); }
}