/* Стили интерактивной валидации форм (js/validation/*).
   Имена классов синхронизированы с errorRenderer.js. */

.input-error {
    border: 1px solid #c0392b !important;
    background-color: #fff6f6;
}

.input-valid {
    border: 1px solid #2e7d32 !important;
}

.field-error-message {
    color: #c0392b;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 3px;
}

.field-error-message-global {
    color: #c0392b;
    font-size: 13px;
    margin: 4px 0;
}

/* Кнопка отправки в заблокированном состоянии (вместо native disabled,
   чтобы клик по ней показывал все ошибки формы). */
[data-blocked="true"] {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Поддержка chosen-выпадашек: исходный <select> скрыт, поэтому переносим
   подсветку ошибки/валидности на видимый виджет .chosen-container.
   Селектор ~ (а не +): между select и виджетом фреймворк вставляет .field-error-message. */
select.input-error ~ .chosen-container .chosen-single,
select.input-error ~ .chosen-container .chosen-choices {
    border-color: #c0392b !important;
    box-shadow: 0 0 0 1px #c0392b inset;
}

select.input-valid ~ .chosen-container .chosen-single,
select.input-valid ~ .chosen-container .chosen-choices {
    border-color: #2e7d32 !important;
}