/* Vaquero Login Theme */
body.login {
    background-color: #1c1917;
    /* Dark Background */
    color: #a1a1aa;
    font-family: 'Outfit', sans-serif;
}

/* Logo Replacement */
body.login h1 a {
    background-image: none, url("<?php echo get_template_directory_uri(); ?>/img/logo.png");
    /* PHP won't work in CSS, handled via inline style in functions.php or just use text if image missing */
    /* We will use a generic rule here and override background in inline CSS if needed, 
       but better yet: let's style the text if no image, or assume logo.png exists */
    width: 320px;
    height: 80px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

/* Form Styles */
body.login form {
    background: #292524 !important;
    border: 1px solid #44403c !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    border-radius: 12px;
    padding: 40px 24px !important;
}

body.login label {
    color: #d6d3d1;
    font-size: 0.95rem;
}

body.login input[type="text"],
body.login input[type="password"] {
    background-color: #1c1917 !important;
    border: 1px solid #44403c !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 8px 15px !important;
    font-size: 16px !important;
    box-shadow: none !important;
    margin-top: 5px !important;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
    border-color: #ea580c !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #ea580c !important;
}

/* Button */
body.login .wp-core-ui .button-primary {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    text-shadow: none !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 5px 20px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

body.login .wp-core-ui .button-primary:hover {
    background-color: #c2410c !important;
    border-color: #c2410c !important;
}

/* Links */
.login #backtoblog a,
.login #nav a {
    color: #a1a1aa !important;
    transition: color 0.3s;
}

.login #backtoblog a:hover,
.login #nav a:hover {
    color: #ea580c !important;
}

/* Hide specific WP nonsense if desired */
.login .message,
.login .success {
    border-left-color: #ea580c !important;
    background-color: #292524 !important;
    color: #d6d3d1 !important;
}

.login #login_error {
    border-left-color: #dc2626 !important;
    background-color: #292524 !important;
    color: #d6d3d1 !important;
}