body.login {
  background-color: #A3B745;
}


.login h1 {
  max-width: 172px;  /* Szerokość loga */
  margin-left: auto;
  margin-right: auto;
}

#login {
    width: 450px;
    padding: 6% 0 0;
}




body.login div#login form#loginform {
    background-color: #A3B745;
    border-radius: 10px;
    border: 1px solid #636e2f;
    padding: 26px 24px 25px;
    width: 320px;
    margin-left: auto !important;
    margin-right: auto;
}


/* Pola: Nazwa użytkownika lub email, Hasło, Zapamiętaj mnie */
body.login form#loginform input
{
  background-color: #A3B745 !important;
  border: 1px solid #636e2f !important;
  outline: none !important;
}


.login #login_error, .login .message, .login .success {
    border-left: 4px solid #72aee6;
    padding: 12px;
    margin-left: 0;
    margin-bottom: 20px;
    background-color: white;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
}

/** 
   Trik, aby zadziałało powyższe stylowanie (body.login form#loginform input) w przeglądarce Chrom.
   Patrz:
   - https://stackoverflow.com/questions/55280214/user-agent-style-shows-as-being-overridden-but-when-the-page-renders-its-not
   - https://webagility.com/posts/the-ultimate-list-of-hacks-for-chromes-forced-yellow-background-on-autocompleted-inputs
   - https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/
   
   Wyjaśnienie (na razie wstępne, zanim głebiej to zbadam):
   - W Chromie po załadowaniu się "strony do logowania" pola "Nazwa użytkownika lub email" oraz "Hasło" są białe, 
     a nie #5eacbd.
   - Wynika to z tego, że są to pola z autowypełnianiem (autouzupełnianiem). Do takich pól Chrom stosuje swoje stylowania.
   - Chrome stosuje je poprzez "transitions". Jeśli opóźnimy wszystkie "transitions", 
     to style te nigdy nie zostaną zastosowane. Zamiast nich zastosowane będzie: background-color: #5eacbd;

*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-transition-delay: 99999s;
}


/* Stylowanie labeli */
body.login div#login form#loginform p label,    /* Pole: Nazwa użytkownika lub email */
body.login div#login form#loginform div label   /* Pola: Hasło, Zapamiętaj mnie */ 
{
  color:#212410;
}


/* Przycisk: Zaloguj się */
body.login div#login form#loginform p.submit input#wp-submit 
{
  background-color: #2a8a9f;
  border-radius: 7px;
  border-color: #055162;
  color: #212410;
}



body.login div#login form#loginform p.submit input#wp-submit {
   -webkit-transition: 0.75s ease !important;
  -moz-transition: 0.75s ease !important;
  -o-transition: 0.75s ease !important;
  transition: 0.75s ease !important;
}

/* Przycisk: Zaloguj się (:hover) */
body.login div#login form#loginform p.submit input#wp-submit:hover
{
  background-color: #68713c !important;
  color: #d8e3a2;
}


body.login div#login p#nav a,        /* Nie pamiętasz hasła? */      
body.login div#login p#backtoblog a  /* ← Przejdź do Page Template */
{
  color: #212410;
}


a.privacy-policy-link
{
  color: #212410;
}