/* Форма записи на мероприятие (Contact Form 7, контейнер .event-form).
   Подключается на всех страницах: форма может стоять и в окне #eventModal, и в содержимом страницы. */

.event-form {
    position: relative;
}

/* Contact Form 7 оборачивает строки шаблона в <p> и <br>, а тема даёт всем <p> 1.25rem и выравнивание по ширине */
.event-form p,
.event-form .terms-accept > p {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
}

.event-form br {
    display: none;
}

.event-form__close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.event-form__close::before,
.event-form__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 1px;
    background: var(--light-color);
    transition: background-color 0.2s ease-in-out;
}

.event-form__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.event-form__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.event-form__close:hover::before,
.event-form__close:hover::after {
    background: var(--emerald-color);
}

/* Квадратные галочки: серые, во включённом состоянии — изумрудные */
.event-form input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    position: static;
    flex: none;
    width: 14px;
    height: 14px;
    margin: 0 14px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #d9d9d9;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}

.event-form input[type="checkbox"]:checked {
    background: var(--emerald-color);
}

.event-form input[type="checkbox"]:focus-visible {
    outline: 1px solid var(--emerald-color);
    outline-offset: 2px;
}

.event-form .wpcf7-not-valid input[type="checkbox"] {
    box-shadow: 0 0 0 1px #ff5f5f;
}

.event-form .wpcf7-list-item {
    display: block;
    margin: 0;
}

.event-form .wpcf7-list-item label {
    display: inline-flex;
    align-items: flex-start;
    margin: 0;
    cursor: pointer;
}

.event-form .wpcf7-list-item label input[type="checkbox"] {
    margin-top: 3px;
}

.event-form .wpcf7-list-item-label {
    padding: 0;
    border-radius: 0;
    color: var(--light-color);
    font-size: 16px;
    line-height: 1.3;
}

.event-form .wpcf7-list-item-label a {
    font-size: inherit;
    line-height: inherit;
}

.event-form__check {
    padding: 12px 0;
}

/* Поле группы/дисциплины — только для студентов и сотрудников МГТУ */
.event-form__extra {
    display: none;
}

.event-form.is-bmstu .event-form__extra {
    display: block;
}

.event-form__logo {
    display: block;
    max-width: 80%;
    height: 4rem;
}

.event-form__footer {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.event-form__terms .wpcf7-form-control-wrap {
    display: block;
}

.event-form__terms .wpcf7-form-control-wrap ~ .wpcf7-form-control-wrap {
    margin-top: 1.25rem;
}

.event-form__terms .document-href {
    color: var(--color-highlight);
}

@media (max-width: 767.98px) {
    .event-form__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }

    .event-form__terms {
        order: -1;
    }

    .event-form p,
    .event-form .terms-accept > p,
    .event-form .wpcf7-list-item-label {
        font-size: 14px;
    }
}