/*
 * Custom Login Style für FC Grünsfeld Kicks
 * Design basierend auf der Frontend-Website
 */

body.login {
    background-color: #18181B; /* brand-dark */
}

/* Logo */
#login h1 a {
    background-image: url('/wp-content/uploads/2025/07/fc-gruensfeld-logo.png') !important;
    width: 200px !important;
    height: 80px !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Login-Formular */
#loginform {
    background: #27272a; /* Etwas heller als der Hintergrund */
    border: 1px solid #3f3f46;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Formular-Labels */
#loginform label {
    color: #a1a1aa;
    font-weight: 600;
}

/* Eingabefelder */
#loginform input[type="text"],
#loginform input[type="password"] {
    background: #18181B;
    border: 1px solid #3f3f46;
    color: #f4f4f5;
    border-radius: 8px;
}

#loginform input[type="text"]:focus,
#loginform input[type="password"]:focus {
    border-color: #ff0000; /* brand-red */
    box-shadow: 0 0 0 1px #ff0000;
}

/* "Angemeldet bleiben" Checkbox */
.forgetmenot label {
    color: #a1a1aa;
}
input[type=checkbox]:checked:before {
    color: #ff0000; /* brand-red */
}

/* Login-Button */
.wp-core-ui .button-primary {
    background: #ff0000 !important; /* brand-red */
    border-color: #ff0000 !important;
    border-radius: 8px;
    font-weight: 800;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
}

.wp-core-ui .button-primary:hover {
    background: #cc0000 !important; /* brand-red-dark */
    border-color: #cc0000 !important;
}

/* Links unter dem Formular */
#nav a, #backtoblog a {
    color: #a1a1aa;
    transition: color 0.2s ease;
}

#nav a:hover, #backtoblog a:hover {
    color: #ff0000; /* brand-red */
}