body{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, var(--secondary-color) 0%,var(--primary-color) 100%);
    
    
    color: #161616;
    display: flex;
}
textarea:focus, input:focus{
}

#login {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 26px 24px;
    max-width: 350px;
    width: 100%;
}

#loginform{
    border:none; 
    display:flex;
    flex-direction: column;
    gap:1rem;
    padding:0; 
}
#wp-submit{
    width: 100%;
    height: 48px;
}

.login form .input, .login input[type=text], .login input[type=password] {
    background-color: var(--autofill-color);
    border: 1px solid var(--secondary-color);
    border-radius: 4px;
    height: 48px;
    font-size: 16px;

}
textarea:focus, input:focus, input[type]:focus, select:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: initial !important;
}
textarea:focus, input:focus, input[type="text"]:focus, input[type="password"]:focus, #wp-submit {
    border-color: var(--primary-color) !important;
    outline: none !important;

}

.login .button-primary {
    background-color: var(--primary-color);
    border-color: var(--secondary-color);
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: none;
    transition: all 0.3s ease;
}

.login .button-primary:hover, .login .button-primary:focus {
    background-color: var(--autofill-color);
    color:black;
    border-color: var(--primary-color);
}

.dashicons-visibility:before {
    color: var(--primary-color);
}


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 {
    outline:none !important; 
    -webkit-text-fill-color: black !important;
    transition: background-color 5000s ease-in-out 0s; /* Delay transition to prevent flicker */
  
}

.login .message, .login .success {
    border-left: 4px solid var(--primary-color);
}

/* Optional: Adjust link colors for better visibility */
.login #backtoblog a, .login #nav a {
    color: var(--secondary-color);
}

.login #backtoblog a:hover, .login #nav a:hover {
    color: darken(var(--secondary-color), 10%);
}

.language-switcher{
    display: none !important;
}

.wp-login-lost-password, #backtoblog a,.privacy-policy-page-link a{
    color:#161616 !important;
}

.login label,.wp-login-lost-password, #backtoblog a{
font-size:16px !important; 
margin-bottom: 6px;
letter-spacing: -0.5px;

}

.login #backtoblog, .login #nav{
    padding:0; 
}