/* ==========================================================================
   LemonSimpleMembers — Login Page Styles
   ========================================================================== */

/* Add your custom login page styles here.
   The WP preset colour variables are available via the inline block:
   e.g. var(--wp--preset--color--base)
        var(--wp--preset--color--contrast)
        var(--wp--preset--color--accent-1)  … accent-5
*/

body.login {
    color: var(--wp--preset--color--contrast);
    background-color: var(--wp--preset--color--base);
}

.login form {
    background-color: var(--wp--preset--color--base);
    border: 1px solid var(--wp--preset--color--contrast);
    padding: 2rem;
    border-radius: 8px;
}

.lemsm-registration-honeypot {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.login label {
    color: var(--wp--preset--color--contrast);
    font-size: 1rem;
}

.wp-core-ui .button-primary{
    color: black;
    background-color: var(--wp--preset--color--accent-1);
    border-color: var(--wp--preset--color--accent-1);
}

.wp-core-ui .button-primary:hover{
    color: black;
    background-color: var(--wp--preset--color--accent-2);
    border-color: var(--wp--preset--color--accent-2);
}

.login .message, .login .notice{
    background-color: var(--wp--preset--color--accent-1);
    border-left: 4px solid var(--wp--preset--color--accent-2);
    color: var(--wp--preset--color--base);
}

.login .message, .login .notice p{
    color: var(--wp--preset--color--base);
}

input[type=checkbox], input[type=radio] {
    accent-color: var(--wp--preset--color--accent-1);
    border-color: var(--wp--preset--color--accent-1);
    background-color: var(--wp--preset--color--base);
}

input[type=checkbox], input[type=radio]:checked {
    accent-color: var(--wp--preset--color--accent-2);
    border-color: var(--wp--preset--color--accent-2);
    background-color: var(--wp--preset--color--base);
}

input[type=checkbox]:checked::before {
    background-color: var(--wp--preset--color--accent-2);
}

.login #backtoblog a, .login #nav a {
    color: var(--wp--preset--color--contrast);
}

#label_privacy, #label_terms {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 0.8rem;
}

.language-switcher{
    display: none;
}