/* ogin.css */

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

#login h1 a {
    background-image: url('/app/uploads/2025/04/tr-logo-e1745594034744.png');
    background-size: contain;
    width: 100%;
    height: 80px;
    pointer-events: none; /* Disable the link */
}

.login #nav a:hover, .login #backtoblog a:hover {
    color: #000;
}

.login form {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.login .button-primary {
    border-radius: 1.5rem;
    padding: 4px 16px;
    background-color: #000;
    border-color: #000;
    box-shadow: none;
    text-shadow: none;

    &:hover {
        background-color: #fff;
        color: #000;
        border-color: #000;

    }
    &:active, &:focus {
        color: #000;
        background-color: #aaa;
        border-color: #999;
        box-shadow: none!important;
    }
}


.member-hidden {
    display: none;
}

.login-footer {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.login-footer svg {
    max-width: 100px; /* Adjust the size as needed */
    width: 100px; /* Ensure the width is set */
    height: auto; /* Maintain aspect ratio */
}

body.interim-login .login-footer,
    #wp-auth-check-form .login-footer {
        display: none!important;
}

.login .message, .login .notice, .login .success {
    border-left: 4px solid #000;
}