/* Center the login area on the screen */
body.login {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 100vh !important; /* Ensure it takes up the full height of the viewport */
    margin: 0 !important;
}

/* Set a custom background image */
body.login {
    background: url('https://luxauro.com/wp-content/uploads/2025/08/TF_Login_BG-1-scaled.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Create a container for the login area */
body.login div#login {
    background-color: rgba(255, 255, 255, 0.8) !important; /* Semi-transparent white background */
    border-radius: 10px !important;
    padding: 20px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    max-width: 350px !important; /* Adjust the width of the container */
    margin: auto !important;
    padding-bottom: 40px !important;
}

/* Customize the logo */
body.login h1 a {
    background-image: url('https://luxauro.com/wp-content/uploads/2022/09/Luxauro-logo-with-brushed-metal-light.png?ver=1724342275') !important;
    background-size: contain !important;
    width: 300px !important;
    height: 100px !important;
    display: block !important;
    text-indent: -9999px !important; /* Hides the default WordPress text */
    margin-bottom: 30px !important;
}

/* Customize the login form container */
body.login div#login form {
    background: none !important; /* Remove background on the form itself, as it's included in the main container */
    box-shadow: none !important; /* Remove shadow from form, applied to container instead */
    padding: 0 !important; /* Reset form padding */
}

/* Customize the submit button */
body.login #wp-submit {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}

body.login #wp-submit:hover {
    background-color: #fff !important;
    color: #000 !important;
}

/* Customize input fields */
body.login input[type="text"], 
body.login input[type="password"], 
body.login input[type="email"] {
    background-color: #f7f7f7 !important;
    border: 1px solid #ccc !important;
    padding: 12px !important;
    font-size: 16px !important;
    color: #333 !important;
    border-radius: 5px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

/* Customize error messages */
body.login .message, 
body.login .error {
    background-color: rgba(255, 255, 255, 0.8) !important;
    color: #000 !important;
    border-left: 5px solid #ff0000 !important;
    border-radius: 5px !important;
    padding: 10px !important;
}

/* Customize footer links */
body.login #backtoblog {
    display: none !important; /* Hide the 'Return to Blog' link */
}

/* Move the privacy policy link and navigation links to the footer */
body.login .privacy-policy-page-link,
body.login #nav {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    background-color: #fff !important;
    padding: 10px !important;
    border-top: 1px solid #ccc !important;
    margin: 0 !important;
    width: 100%;
}

/* Add space between the privacy policy and nav links */
body.login #nav {
    bottom: 30px !important; /* Position slightly above the privacy policy */
}

/* Style the nav links */
body.login #nav a {
    color: #000 !important;
    text-decoration: none !important;
    background-color: #ffffff99 !important;
    padding: 5px !important;
    border-radius: 10px !important;
}

/* Optional: Customize the hover effect on the links */
body.login #nav a:hover, body.login .privacy-policy-page-link a:hover {
    background-color: #73d6c3 !important;
}


/*FORGET EVERYTHING ELSE - THE BELOW CSS CONTROLS EVERYTHING*/

/* Set a custom background image */
body.login {
    background: url('https://luxauro.com/wp-content/uploads/2025/08/TF_Login_BG-1-scaled.png') no-repeat center center fixed !important;
    background-size: cover !important;
}

/* Hide the entire login form */
body.login div#login form,
body.login #backtoblog,
body.login #nav {
    display: none !important;
}

/* Customize the logo */
body.login h1 a {
    background-image: url('https://luxauro.com/wp-content/uploads/2022/09/Luxauro-logo-with-brushed-metal-light.png?ver=1724342275') !important;
    background-size: contain !important;
    width: 300px !important;
    height: 100px !important;
    display: block !important;
    text-indent: -9999px !important;
    margin-bottom: 30px !important;
}

/* Optional: Customize the error messages */
body.login .message, body.login .error {
    background-color: #123033 !important;
    color: #fff !important;
    border-left: none !important;
    border-radius: 5px !important;
}