/*
 * Custom CSS for the WordPress Login Screen
 * File: /css/login-style.css
 */

/* 1. Page Background */
body.login {
    background-color: #1A0F1A; /* Dark Primary/Black Background */
}

/* 2. Custom Logo */
#login h1 a, .login h1 a {
    /* Use your square-white-v13.png logo */
    background-image: url('img/logo/citadela-circle-logo.png');
    
    /* Adjust size to fit your logo */
    width: 250px;
    height: 250px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 00px; /* Space below the logo */
}

/* 3. Login Box (Form) */
#loginform {
    background: #FFFFFF; /* White background for the form box */
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); 
    padding: 26px 24px 46px; /* Adjust padding as needed */
}

/* 4. Form Labels and Inputs */
#loginform label {
    font-weight: 600;
    color: #3B2A26; /* Warm dark brown-grey (primary-text-color) */
}

.login input[type="text"],
.login input[type="password"] {
    border-color: black; /* Light Primary/Golden Sand border */
    box-shadow: none; /* Remove default WP shadow */
}

.login input[type="text"]:focus,
.login input[type="password"]:focus {
    border-color: #C44707; /* Burnt Orange focus color */
    box-shadow: 0 0 0 1px #C44707;
}

/* 5. Submit Button (Updated for Accent Color scheme with reversed hover) */
.wp-core-ui .button-primary {
    background: #FFB400; /* Accent Color */
    border: none;
    text-shadow: none;
    box-shadow: none;
    color: #1A0F1A; /* Dark text for contrast */
    transition: background 0.2s ease, color 0.2s ease;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: #1A0F1A; /* Hover: Dark Primary Color */
    outline: none;
    color: #FFFFFF; /* Hover: White text */
}

/* 6. Links (Register/Lost Password) */
#nav a, #backtoblog a {
    color: #F2C36B; /* Light Primary/Golden Sand for links */
    transition: color 0.2s ease;
}

#nav a:hover, #backtoblog a:hover {
    color: #FFB400; /* Accent Color on hover */
}

/* Optional: Error Messages */
.login .message, .login #login_error {
    border-left-color: #C44707; /* Match your brand color */
}