/* ---------------------------------------------------------
   Modern Oldcastle Login Styling (Updated)
--------------------------------------------------------- */

/* Page Background */
body.login {
    background: linear-gradient(135deg, #e8eef3 0%, #f7f9fa 100%);
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh !important;
    margin: 0;
}

/* Center login container */
body.login #login {
    width: 480px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Logo */
body.login h1 {
    margin-bottom: 20px !important;
}

body.login h1 a {
    background-image: url('https://oldcastleinfrastructure.com/wp-content/uploads/2022/02/oldcastle_infrastructure_logo_vertical_black.png');


    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    width: 440px;
    height: 140px;
    margin: 0 auto 0 auto;

    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

/* Card-style form */
#login form#loginform,
#login form#lostpasswordform,
#login form#registerform {
    background: #ffffff;
    border: 1px solid #e5e9ec;
    border-radius: 12px;
    padding: 40px 36px 36px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
    animation: fadeIn 0.4s ease;
}

/* Fade animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Input labels */
body.login label {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}

/* Input fields */
body.login .login form .input,
body.login .login input[type="text"],
body.login .login input[type="password"],
body.login .login input[type="email"] {
    background: #f9fbfc;
    border: 1px solid #cfd9e0;
    border-radius: 8px;
    height: 54px;
    padding: 12px 16px;
    font-size: 16px;
    transition: all 0.2s ease;
}

body.login .login form .input:focus {
    border-color: #004f71;
    box-shadow: 0 0 0 3px rgba(0, 111, 151, 0.15);
    background: #ffffff;
}

/* Button styling */
body.login .wp-core-ui .button-primary {
    background: #006699;
    border: 1px solid #00527a;
    border-radius: 8px;
    height: 48px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    margin-top: 14px;
    text-shadow: none;
    box-shadow: none;
    transition: all 0.2s ease;
}

body.login .wp-core-ui .button-primary:hover {
    background: #00527a;
    border-color: #00405c;
}

/* Notices */
body.login #login_error,
body.login .message,
body.login .success {
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 20px;
    border-left-width: 6px;
}

body.login #login_error { border-left-color: #c0392b; }
body.login .message      { border-left-color: #2980b9; }
body.login .success      { border-left-color: #27ae60; }

/* Links */
body.login #nav,
body.login #backtoblog {
    text-align: center !important;
    margin-top: 14px !important;
}

body.login #nav a,
body.login #backtoblog a {
    color: #006699 !important;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: #004f71 !important;
}

/* REMOVE "Powered by WordPress" footer completely */
body.login #backtoblog {
    display: none !important;
}

body.login #nav {
    margin-top: 8px !important;
}

/* Responsive */
@media (max-width: 480px) {
    body.login #login {
        width: 100% !important;
        padding: 20px;
    }

    #login form#loginform {
        padding: 32px 24px !important;
    }
}

input#user_login {
    width: 205px !important;
    height: 24px !important;
}

input#user_pass {
    width: 205px !important;
    height: 24px !important;
}


a.privacy-policy-link {
    display: none;
}

h1.screen-reader-text {
    display: none;
}