/*
 * Chybove a validni stavy pristupne frontend validace (JustValidate) pro lego2.
 *
 * Barvy jde prebit promennymi --gcm-form-invalid / --gcm-form-valid ve skinu, stejne jako
 * u podatelny (KontaktniForm/Resources/public/css/lego2/podatelna.css).
 *
 * Vse je zamerne scopovane - `.form-control` je v bootstrapu 4 pouzity vsude a globalni
 * pravidla by zasahla i ostatni formulare na strance. Scope jsou dva, protoze obal formulare
 * ve sloupci je jiny nez na strance:
 *   .form_uni  - formular na strance (@formulare/guest/main.html.twig)
 *   .form_mini - formular ve sloupci (@formulare_mini/guest/main.html.twig)
 */

.form_uni .just-validate-error-label,
.form_mini .just-validate-error-label {
    display: block;
    margin-top: 0.5rem;
    color: var(--gcm-form-invalid, #b81111);
}

.form_uni .form-control.just-validate-error-field,
.form_uni .form-control[aria-invalid='true'],
.form_mini .form-control.just-validate-error-field,
.form_mini .form-control[aria-invalid='true'] {
    border-color: var(--gcm-form-invalid, #b81111);
    box-shadow: 0 0 0 1px var(--gcm-form-invalid, #b81111);
}

.form_uni .form-control.just-validate-success-field,
.form_mini .form-control.just-validate-success-field {
    border-color: var(--gcm-form-valid, #177559);
    box-shadow: 0 0 0 1px var(--gcm-form-valid, #177559);
}

/*
 * Priloha a checkbox nejsou `.form-control`, maji vlastni bootstrapove tridy. Validator na ne
 * ale sazi tytez stavove tridy, takze zvyrazneni musi platit i pro ne.
 */
.form_uni .form-control-file.just-validate-error-field,
.form_uni .custom-file-input.just-validate-error-field,
.form_uni .form-check-input.just-validate-error-field,
.form_mini .form-control-file.just-validate-error-field,
.form_mini .custom-file-input.just-validate-error-field,
.form_mini .form-check-input.just-validate-error-field {
    outline: 2px solid var(--gcm-form-invalid, #b81111);
    outline-offset: 2px;
}