/* LaKru® Login im CI — B2 (S633). Ersetzt das nackte WordPress-Blau durch das Seiten-Designsystem. */

body.login {
	background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 55%, #FBF1F4 100%);
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* WP-Logo → LaKru-Logo */
body.login h1 a {
	background-image: url('https://lakru.de/wp-content/uploads/cropped-Zeichenflaeche-1.png');
	background-size: contain;
	background-position: center;
	width: 180px;
	height: 72px;
}

/* Karte wie die Demo-Login-Karte: weich, rund, dezenter Schatten */
body.login #login {
	padding-top: 6%;
}
body.login form {
	border: 1px solid #E7E7E7;
	border-radius: 12px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
	padding: 26px 24px 30px;
}

/* Felder: hell, rund, blauer Fokus */
body.login form .input,
body.login input[type="text"],
body.login input[type="password"] {
	border: 1px solid #E7E7E7;
	border-radius: 8px;
	background: #FAFAFA;
	font-size: 15px;
	padding: 10px 12px;
	box-shadow: none;
}
body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
	border-color: #39A9EF;
	box-shadow: 0 0 0 3px #D5ECFA;
	outline: none;
}

/* Knopf: runde Pille im Brand-Blau (wp-core-ui liegt auf dem body → Selektor direkt) */
body.login.wp-core-ui .button-primary,
body.login .button-primary {
	background: #39A9EF !important;
	border: none !important;
	border-radius: 999px !important;
	box-shadow: none;
	text-shadow: none;
	color: #FFFFFF !important;
	font-weight: 600;
	padding: 4px 22px;
	transition: background .15s ease;
}
body.login.wp-core-ui .button-primary:hover,
body.login.wp-core-ui .button-primary:focus,
body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #2792d6 !important;
	box-shadow: 0 0 0 3px #D5ECFA;
}

/* Sekundär-Knöpfe (Sprach-Wechsler): ruhige Pille im Ton */
body.login.wp-core-ui .button:not(.button-primary),
body.login .button:not(.button-primary) {
	border-radius: 999px !important;
	border-color: #E7E7E7 !important;
	color: #6F6F6F !important;
	background: #FFFFFF !important;
}
body.login.wp-core-ui .button:not(.button-primary):hover,
body.login .button:not(.button-primary):hover {
	border-color: #39A9EF !important;
	color: #39A9EF !important;
}

/* Passwort-Auge + Checkbox im Ton */
body.login .wp-hide-pw {
	color: #6F6F6F;
}
body.login input[type="checkbox"]:checked::before {
	filter: hue-rotate(160deg);
}

/* Links unter der Karte: ruhig, anthrazit → blau */
body.login #nav a,
body.login #backtoblog a {
	color: #6F6F6F;
}
body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #39A9EF;
}

/* Sprach-Umschalter dezent */
body.login .language-switcher {
	opacity: .75;
}