/***************************************************************
 * File: login_enqueue.css
 * Purpose: Custom WordPress login page styling (branding)
 * Author: Fizul Islam
 ***************************************************************/


/* Global */
body.login {
    background: #0d1b2a; /* theme dark bg */
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    padding:20px;
}

/* Login form container */
#login {
    width: 380px;
    max-width: 92%;
}

/* WordPress logo replace (optional image) */
.login h1 a {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height:80px;
    width:100%;
    /* OPTIONAL: update this with logo */
    /* background-image: url('../img/logo.png'); */
}

/* Form box */
.login form {
    border-radius: 14px;
    padding: 26px 26px 32px;
    background:#ffffff;
    border: 1px solid rgba(255,255,255,0.09);
    box-shadow:0 6px 26px rgba(0,0,0,0.25);
}


/* Input fields */
.login form input[type="text"],
.login form input[type="password"] {
    border-radius: 8px;
    padding: 10px 12px;
    border: 1px solid #ced4da;
    font-size: 15px;
}

.login form input:focus {
    border-color: #0b72e7;
    box-shadow:0 0 0 2px rgba(11,114,231,0.25);
}


/* Primary button */
.wp-core-ui .button-primary {
    background:#0b72e7 !important;
    border-color:#0b72e7 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    border-radius: 8px;
    padding:8px 14px;
    font-weight:600;
}
.wp-core-ui .button-primary:hover {
    background:#094eb0 !important;
    border-color:#094eb0 !important;
}


/* Secondary links ( Lost password / Back to site ) */
.login #nav a, .login #backtoblog a {
    color:#cbd5e1 !important;
    font-size:14px;
}
.login #nav a:hover,
.login #backtoblog a:hover {
    color:#ffffff !important;
}


/* Hide WP copyright footer */
.login #backtoblog, .login #nav {
    text-align:center;
}



/***************************************************************
 * ADD EXTRA LOGIN PAGE CUSTOMIZATION HERE
 ***************************************************************/