/* Tło portalu logowania Authelia (obraz z tego samego origin – zgodne z CSP). */
body {
    background-image: url('/custom/tarflix_tlo.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Karta logowania przezroczysta – ma prześwitywać zdjęcie. */
#root .MuiPaper-root {
    background-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

/* Teksty (nagłówek "Zaloguj się", etykieta "Zapamiętaj mnie") – białe,
   z cieniem dla czytelności na dowolnym zdjęciu. */
#root .MuiTypography-root,
#root h1, #root h2, #root h3, #root h4, #root h5, #root h6 {
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

/* Pola login/hasło: białe tło + ciemny tekst wpisywany. */
#root .MuiInputBase-root {
    background-color: #ffffff !important;
    border-radius: 6px !important;
}
#root .MuiInputBase-input {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;   /* nadpisuje autofill */
}
/* Etykieta pola (float label) – ciemna i bez cienia, czytelna na białym polu. */
#root .MuiInputLabel-root {
    color: #555555 !important;
    text-shadow: none !important;
}
#root .MuiInputLabel-root.Mui-focused {
    color: #1976d2 !important;
}
/* Obramowanie pól. */
#root .MuiOutlinedInput-notchedOutline {
    border-color: #cccccc !important;
}