/* ==========================================================================
   Мобильный блок обратного звонка.

   Оформление берётся из стилей шаблона сайта — здесь только подсказка
   и ловушка для ботов, которых в исходной разметке не было.

   Переопределяется снаружи:
       .call-back { --cbi-error: #b00; --cbi-success: #2e7d32; }
   ========================================================================== */

.call-back {
    --cbi-error:     #cf1225;
    --cbi-success:   #4a8f2a;
    --cbi-hint-size: 12px;
    --cbi-hint-gap:  6px;
}

/* Пока текста нет — ряд не занимает высоту */
.cbi-hint:empty {
    display: none;
}

.cbi-hint {
    margin: var(--cbi-hint-gap) 0 0;
    font-size: var(--cbi-hint-size);
    line-height: 1.3;
    color: var(--cbi-error);
}

.cbi-hint--done {
    color: var(--cbi-success);
}

/* Специфичность поднята до уровня .form-control из шаблона сайта,
   чтобы обойтись без !important */
.call-back .form-control.is-invalid {
    border-color: var(--cbi-error);
}

/* ловушка для ботов */
.cbi-trap {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
}