/* ======================================================
   DARK MODE & GOLD DESIGN (WP-LOGIN / PASSWORT VERGESSEN)
   ====================================================== */

:root {
    --bg-dark: #121212;
    --card-dark: #1e1e1e;
    --border-dark: #2a2a2a;
    --text-light: #e0e0e0;
    --accent-gold: #A89362;
    --accent-gold-hover: #c4ae7b;
}

/* Gesamter Hintergrund */
body.login {
    background-color: var(--bg-dark) !important;
    color: var(--text-light) !important;
}

/* Logo-Größe & Darstellung */
body.login h1 a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 100% !important;
    max-width: 280px !important;
    height: 90px !important;
}

/* Formular Container */
body.login #loginform,
body.login #lostpasswordform {
    background-color: var(--card-dark) !important;
    border: 1px solid var(--border-dark) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
    padding: 30px !important;
}

/* Inputs & Labels */
body.login label { 
    color: var(--text-light) !important; 
}

body.login input[type="text"],
body.login input[type="password"] {
    background-color: var(--bg-dark) !important;
    border: 1px solid var(--border-dark) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
}

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

/* Goldener Primär-Button */
body.login .button-primary {
    background-color: var(--accent-gold) !important;
    border-color: var(--accent-gold) !important;
    color: #000000 !important;
    font-weight: bold !important;
    border-radius: 6px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
    background-color: var(--accent-gold-hover) !important;
    border-color: var(--accent-gold-hover) !important;
    color: #000000 !important;
}

/* Infoboxen & Erfolgsmeldungen */
body.login .message, 
body.login #login_error,
body.login .notice {
    background-color: var(--card-dark) !important;
    border-left: 4px solid var(--accent-gold) !important;
    color: var(--text-light) !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Links in den Infoboxen */
body.login .message a, 
body.login #login_error a,
body.login .notice a {
    color: var(--accent-gold) !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

body.login .message a:hover, 
body.login #login_error a:hover,
body.login .notice a:hover {
    color: var(--accent-gold-hover) !important;
}

/* Sprachwechsler */
body.login .language-switcher label {
    color: var(--text-light) !important;
}

body.login .language-switcher .selecter,
body.login #language-switcher-locales {
    background-color: var(--card-dark) !important;
    border: 1px solid var(--border-dark) !important;
    color: var(--text-light) !important;
    border-radius: 6px !important;
}

body.login .language-switcher .button {
    background-color: transparent !important;
    border: 1px solid var(--accent-gold) !important;
    color: var(--accent-gold) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: all 0.3s ease !important;
}

body.login .language-switcher .button:hover {
    background-color: var(--accent-gold) !important;
    color: #000000 !important;
}

/* Standard WP-Links im Footer ausblenden */
body.login #nav,
body.login #backtoblog {
    display: none !important;
}