/* ===== Grundlayout ===== */
body.login {
    background: #070a12 !important;
    display: flex;
    flex-direction: column;       /* ⬅ Vertikale Anordnung */
    align-items: center;          /* ⬅ Horizontal zentrieren */
    justify-content: center;      /* ⬅ Vertikal zentrieren */
    min-height: 100vh;
}


/* ===== Container — darf KEINEN Hintergrund haben ===== */
#login {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* ===== LOGIN-FENSTER (EIGENTLICHE KARTE) ===== */
#loginform {
    background: #0f131d !important;                      /* dunkle Box */
    border-radius: 18px !important;                      /* abgerundet */
    border: 1px solid #262b3a !important;                /* feiner Rahmen */
    padding: 32px 28px !important;
    box-shadow: 0 0 32px rgba(138, 99, 255, 0.35) !important; /* Brezel Glow */
}

/* ===== Brezel-Logo / Schriftzug ===== */
.login h1 {
    margin-bottom: 24px;
}

.login h1 a {
    background-image: none !important;
    text-indent: 0 !important;
    width: auto !important;
    height: auto !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    background: linear-gradient(90deg, #8a63ff, #58c9ff, #57ffb1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ===== Formularelemente ===== */
.login form label {
    color: #d6defa !important;
    font-size: 13px;
}

.login form input[type="text"],
.login form input[type="password"] {
    background: #151a26 !important;
    border: 1px solid #31394a !important;
    color: #f9fbff !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.login form input[type="text"]:focus,
.login form input[type="password"]:focus {
    border-color: #8a63ff !important;
    box-shadow: 0 0 8px rgba(138, 99, 255, 0.7) !important;
}

/* Checkbox */
input[type="checkbox"] {
    accent-color: #8a63ff !important;
}

/* ===== Button im Brezel-Verlauf ===== */
.wp-core-ui .button-primary {
    background: linear-gradient(90deg, #8a63ff, #58c9ff, #57ffb1) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 22px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    transition: 0.15s ease-in-out;
    box-shadow: 0 0 12px rgba(87, 255, 177, 0.25);
}

.wp-core-ui .button-primary:hover {
    transform: translateY(-2px);
    filter: brightness(1.07);
}

/* ===== Links unten ===== */
#nav a,
#backtoblog a {
    color: #8a63ff !important;
    font-size: 12px;
}

#nav a:hover,
#backtoblog a:hover {
    color: #57ffb1 !important;
}

/* ===== Sprache-Umschalter ===== */
.language-switcher {
    margin-top: 16px;
}

.language-switcher select {
    background: #151a26 !important;
    border-radius: 6px !important;
    border: 1px solid #31394a !important;
    color: #f9fbff !important;
    padding: 4px 8px !important;
}

/* ===== Terms & Conditions ===== */
body.login #login .cmplz-terms-conditions,
body.login a[href*="terms-and-conditions"] {
    font-size: 12px;
    color: #7f8ba8 !important;
}

body.login a[href*="terms-and-conditions"]:hover {
    color: #57ffb1 !important;
}

/* Input-Fontgröße anpassen */
.login form input[type="text"],
.login form input[type="password"] {
    font-size: 16px !important;   /* ⬅ kleinere Schrift */
    padding: 10px 14px !important; 
    background: #151a26 !important;
    border: 1px solid #31394a !important;
    color: #f9fbff !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.login form input[type="text"]::placeholder,
.login form input[type="password"]::placeholder {
    font-size: 16px !important;
    color: #8a8fa8 !important;
}