/* Kontakt stranica na SO DO design systemu. Stilovi koje Tailwind klase ne mogu pokriti:
   stanja koja dodaje main.js (is-invalid, alert-success / alert-danger) i sažetak grešaka sa servera.
   Datoteka se učitava samo na kontakt stranici. */

/* Papirnata pozadina, uključujući zaglavlje. */
body {
    background-color: #FAF8F4;
}

header .navbar.bg-white {
    background-color: #FAF8F4 !important;
}

/* Crveni obrub polja s klasom is-invalid (dodaje ju main.js) je Tailwind varijanta u Partials/Contact/ContactForm.cshtml:
   Tailwind klase su !important unutar layera, pa ih pravilo iz ove datoteke ne može nadjačati. */

/* Poruka nakon AJAX slanja. main.js mijenja klase alert-success / alert-danger i sam je prikazuje i skriva. */
.contact-page .form-results {
    margin: 0;
    padding: 12px 16px;
    border: 0;
    border-radius: 14px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: #1E1B2E;
}

.contact-page .form-results.alert-success {
    background-color: rgba(246, 195, 75, .2);
}

.contact-page .form-results.alert-danger {
    background-color: #FEF3F2;
    color: #B42318;
}

/* Sažetak grešaka sa servera (bez JavaScripta). Kad nema grešaka, ASP.NET ga ostavlja praznog s klasom validation-summary-valid. */
.contact-page .contact-form__summary.validation-summary-valid {
    display: none;
}

.contact-page .contact-form__summary.validation-summary-errors {
    padding: 12px 16px;
    border-radius: 14px;
    background-color: #FEF3F2;
    color: #B42318;
    font-size: 15px;
    line-height: 1.5;
}

.contact-page .contact-form__summary ul {
    margin: 4px 0 0;
    padding-left: 1.1em;
}