/* ============================================================
   Event-form component (_EventForm.ascx) — event-specific field styling.
============================================================ */
.group-label {
    font-size: 12px;
    font-weight: 700;
    color: #46555e;
    margin-bottom: 8px;
}

.radio-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 16px;
}

.radio-row {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13.5px;
    color: var(--ink-2, #2b3a44);
    cursor: pointer;
}

.radio-row input {
    width: 16px;
    height: 16px;
    accent-color: var(--blue, #1a73c2);
    flex-shrink: 0;
    margin: 0;
    cursor: pointer;
}

.event-form__mobiscroll-button {
    background: var(--blue, #1a73c2) !important;
    border-color: var(--blue, #1a73c2) !important;
    color: #fff !important;
}

.field-wrapper input.is-invalid ~ .field {
    border-color: var(--error);
}