/* ==========================================================================
   Встроенный блок обратного звонка.

   Оформление блока (фон, поле, кнопка) приходит из стилей шаблона сайта.
   Здесь только то, чего в исходной разметке не было: подсказка и ловушка.

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

.callbak_block {
    --cbi-error:     #cf1225;
    --cbi-success:   #4a8f2a;
    --cbi-hint-size: inherit;
    --cbi-hint-gap:  4px;
}

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

.cbi-hint {
    margin-top: var(--cbi-hint-gap);
    font-size: var(--cbi-hint-size);
    color: var(--cbi-error);
}

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

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

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