/*
 * 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 lego3 (css/lego3/podatelna.css). Vse je zamerne pod #podatelna - `.form-control` je
 * v bootstrapu 4 pouzity vsude a globalni pravidla by zasahla i ostatni formulare.
 */

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

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

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

/*
 * Radek pro hlasku ke skupine kontaktu je v DOM porad, i kdyz je prazdny - `.form-group`
 * by tedy pod PSC delal mezeru natrvalo. Odsazeni proto neseme na samotne hlasce, ktera
 * v DOM je jen kdyz je co zobrazit (`:empty` ani `:has()` tak nepotrebujeme).
 */
#podatelna .podatelna__contacts-error-row {
    margin-bottom: 0;
}

#podatelna .podatelna__contacts-error-row .just-validate-error-label {
    margin-bottom: 1rem;
}