/* Login Page Branding Styles */
/* Nutzt CSS-Variablen aus brand-settings.php */

body.login {
    background-color: var(--brand-primary-color, #f1f1f1);
}

body.login div#login h1 a {
    padding-bottom: 30px;
    background-size: contain;
    width: 100%;
    height: 80px;
    color: var(--brand-primary-color-text) !important; /* Fallback text color */
    background-image: var(--brand-logo);
}

body.login .message, body.login .notice, body.login .success{
    background-color: var(--brand-primary-color-dark, #006799) !important;
    border-left-color: var(--brand-primary-color-darker, #006799) !important;
    color: var(--brand-primary-color-text, #fff) !important;
}

body.login #login form {
    border-top-color: var(--brand-accent-color-darker, #0073aa);
    background-color: var(--brand-primary-color-dark, #fff) !important;
    color: var(--brand-primary-color-text, #000) !important;
    border: 1px solid var(--brand-primary-color-dark, #fff) !important;
}

body.login #login form input{
    background-color: var(--brand-primary-color-text , #fff) !important;
    color: var(--brand-primary-color, #000) !important;
    border: 1px solid var(--brand-primary-color, #fff) !important;
}

body.login #login form .button-primary {
    background-color: var(--brand-accent-color, #0073aa);
    border-color: var(--brand-accent-color, #0073aa);
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
}

body.login #login form .button-primary:hover,
body.login #login form .button-primary:focus {
    background-color: var(--brand-primary-color, #006799);
    border-color: var(--brand-primary-color, #006799);
}


body.login #backtoblog a, body.login #nav a {
    color: var(--brand-primary-color-text, #000) !important;
}

body.login #language-switcher {
    background-color: var(--brand-primary-color, #fff) !important;
    border: 1px solid var(--brand-primary-color, #fff) !important;
    color: var(--brand-primary-color-text, #000) !important;
}

body.login #language-switcher a {
    color: var(--brand-primary-color-text, #000) !important;
}

body.login #language-switcher select {
    background-color: var(--brand-primary-color-text, #fff) !important;
    color: var(--brand-primary-color, #000) !important;
    border: 1px solid var(--brand-primary-color, #fff) !important;
}

body.login #language-switcher select option {
    background-color: var(--brand-primary-color, #fff) !important;
    color: var(--brand-primary-color-text, #000) !important;
}

body.login #language-switcher button {
    background-color: var(--brand-accent-color, #0073aa) !important;
    border-color: var(--brand-accent-color, #0073aa) !important;
    color: var(--brand-primary-color-text, #fff) !important;
}