/*
 * Компоненты приложения, которых в теме нет.
 *
 * Отдельно от theme-fixes.css: там правки чужой вёрстки, здесь своя. Оба файла
 * подключаются последними, но смешивать их не стоит — у них разный срок жизни.
 * Исправления темы уйдут вместе с темой, а это остаётся.
 *
 * Палитра и метрики взяты у темы, а не подобраны на глаз:
 *   #373E5B  — цвет рамки полей формы
 *   #757575  — приглушённый текст (.small_field_pre_label)
 *   100px    — радиус поля, 10px 25px — его отступы, 400px — ширина
 */

/* ── Данные прошлой версии сайта на форме правки сбора ──────────────────────
 *
 * Читаются, но не правятся, поэтому выглядят как поля формы — та же ширина,
 * та же «таблетка», тот же ритм, — но приглушённо и пунктиром: видно, что
 * значение есть и что трогать его здесь нельзя.
 */
.campaign-legacy {
    margin: 45px 0 40px;
}

.campaign-legacy__grid {
    display: flex;
    flex-wrap: wrap;
    /* 855 - 400 - 400 = 55: тот же зазор, что между колонками формы. */
    gap: 18px 55px;
    margin-top: 18px;
}

.campaign-legacy__item {
    display: flex;
    flex-direction: column;
    width: 400px;
    max-width: 100%;
}

/* Слева и с тем же отступом, что у поля: подпись должна начинаться там же,
   где начинается значение. Контейнер формы центрирует текст, поэтому
   выравнивание задаётся явно. Размер и цвет — как у подписей полей темы. */
.campaign-legacy__label {
    padding-left: 25px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 12px;
    line-height: 160%;
    color: #808080;
}

.campaign-legacy__value {
    padding: 10px 25px;
    border: 1px dashed #C3C7D4;
    border-radius: 100px;
    background: #FAFAFB;
    /* 16px — как в полях формы; цвет приглушён, потому что значение неактивно. */
    text-align: left;
    font-size: 16px;
    color: #5C6178;
    /* Адрес и почта длиннее поля — переносим, а не обрезаем. */
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    .campaign-legacy__grid {
        gap: 14px;
    }
}