/* ---------------------------------------------------------------------------
   Validace a hlášky formulářů (dávka 06).

   Načítá se ve všech hlavních šablonách s formuláři. Pravidla jsou omezená
   na formuláře, aby nezasahovala do zbytku stránky – na stránce M series má
   ogpnew.css `* { color: #fff }`, takže barvy uvnitř formuláře je nutné
   nastavit výslovně, jinak jsou texty bílé na bílém.

   Soubor se needituje přes SCSS, je psaný ručně.
   --------------------------------------------------------------------------- */

/* Barvu chyb prebira formular od sve souhrnne hlasky .messageInfo - nastavuje
   ji basic.js do promenne --form-error-color. Na cervenem pozadi (napr. formular
   na uvodu) je tak hlaska i oznaceni pole bile, jinde cervene. Zadna ID
   formularu tady nejsou. */

/* chyba pod polem */
form .form-error {
    display: block;
    margin: .35em 0 0;
    font-size: .875em;
    line-height: 1.35;
    color: var(--form-error-color, #d70029);
    background: transparent;
}

/* označené pole */
form .has-error > input,
form .has-error > select,
form .has-error > textarea,
form .has-error input[aria-invalid="true"],
form .has-error select[aria-invalid="true"],
form .has-error textarea[aria-invalid="true"] {
    border-color: var(--form-error-color, #d70029);
    outline-color: var(--form-error-color, #d70029);
}

form .has-error > label,
form .has-error .policko {
    color: var(--form-error-color, #d70029);
}

/* souhrnná hláška nad tlačítkem */
form .messageInfo {
    background: transparent;
}

form .messageInfo * {
    color: inherit;
    background: transparent;
}

form .messageInfo ul {
    margin: .3em 0 0;
    padding-left: 1.2em;
}

form .messageInfo li {
    list-style: disc;
}

/* hláška po úspěšném odeslání – nahradí obsah formuláře */
form .formSentSuccess {
    background-color: #f2f2f2;
    padding: 25px;
}

form .formSentSuccess,
form .formSentSuccess * {
    color: #242424;
}