/* Whole page background */
body.login-password-protected {
    background: #A8B89A;
    min-height: 100vh;
}

/* Main wrapper */
body.login-password-protected #login {
    width: 400px;
    max-width: 92vw;
    padding-top: 7vh;
}

/* Title area */
body.login-password-protected h1 {
    margin-bottom: 18px;
}

body.login-password-protected h1 a {
    background: none !important;
    width: auto !important;
    height: auto !important;
    text-indent: 0 !important;
    overflow: visible !important;
    display: block;
    text-align: center;
    color: #ffffff !important;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: none;
}

/* Optional: replace visible title text only */
body.login-password-protected h1 a {
    font-size: 0 !important;
    color: transparent !important;
}

body.login-password-protected h1 a::before {
    content: "Enter password to continue:";
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
}

/* White card */
body.login-password-protected #loginform {
    background: #ffffff;
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(0,0,0,0.08);
    padding: 28px;
    margin-top: 0;
}

/* Keep existing content simple */
body.login-password-protected #loginform label {
    color: #2f3a2a;
    font-weight: 600;
    margin-bottom: 8px;
}

/* Password field */
body.login-password-protected #password_protected_pass {
    border: 1px solid #d7ddd0;
    border-radius: 8px;
    min-height: 46px;
    padding: 0 14px;
    box-shadow: none;
}

/* Green button */
body.login-password-protected #wp-submit,
body.login-password-protected .button.button-primary,
body.login-password-protected input[type="submit"] {
    width: 100%;
    min-height: 46px;
    background: #7E976F !important;
    border: 1px solid #6D8660 !important;
    color: #ffffff !important;
    border-radius: 8px;
    font-weight: 600;
    text-shadow: none;
    box-shadow: none;
}

body.login-password-protected #wp-submit:hover,
body.login-password-protected .button.button-primary:hover,
body.login-password-protected input[type="submit"]:hover {
    background: #708862 !important;
    border-color: #627856 !important;
}

/* Messages */
body.login-password-protected .message,
body.login-password-protected #login_error {
    border-radius: 8px;
}

/* Mobile */
@media (max-width: 480px) {
    body.login-password-protected #loginform {
        padding: 22px;
    }

    body.login-password-protected h1 a::before {
        font-size: 28px;
    }
}