/**
 * Pokate Bestellsystem – Login-Seite
 *
 * Überschreibt die Standard-WordPress-Login-Optik
 * und passt sie an das Plugin-Design an.
 */

/* =========================================================================
   Hintergrund & Basis
   ========================================================================= */

body.login {
	background: #f8f9fa;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
		Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

/* =========================================================================
   Logo / Header
   ========================================================================= */

body.login #login h1 a {
	/* WordPress-Logo durch Text ersetzen */
	background-image: none !important;
	width: auto;
	height: auto;
	font-size: 28px;
	font-weight: 300;
	color: var(--pokate-accent, #0073E6);
	text-indent: 0;
	letter-spacing: -0.02em;
	padding: 0;
	margin-bottom: 8px;
}

body.login #login h1 {
	text-align: center;
	margin-bottom: 24px;
}

/* =========================================================================
   Login-Box
   ========================================================================= */

body.login #loginform {
	background: #fff;
	border: none;
	border-radius: 12px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	padding: 32px 36px 28px;
	margin-top: 0;
}

body.login #login {
	width: 380px;
	padding: 0 20px;
}

/* =========================================================================
   Labels & Eingabefelder
   ========================================================================= */

body.login #loginform label {
	font-size: 14px;
	font-weight: 500;
	color: #444;
}

body.login #loginform input[type="text"],
body.login #loginform input[type="password"] {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 15px;
	margin-top: 6px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	background: #fafafa;
}

body.login #loginform input[type="text"]:focus,
body.login #loginform input[type="password"]:focus {
	border-color: var(--pokate-accent, #0073E6);
	box-shadow: 0 0 0 2px rgba(0, 115, 230, 0.15);
	background: #fff;
	outline: none;
}

/* Passwort-Sichtbarkeit-Toggle */
body.login .wp-pwd .button.wp-hide-pw {
	color: #888;
	border: none;
	background: transparent;
}

body.login .wp-pwd .button.wp-hide-pw:hover {
	color: var(--pokate-accent, #0073E6);
}

/* =========================================================================
   Anmelde-Button
   ========================================================================= */

body.login #wp-submit {
	background: var(--pokate-accent, #0073E6);
	border: none;
	border-radius: 6px;
	padding: 10px 0;
	font-size: 15px;
	font-weight: 500;
	width: 100%;
	text-shadow: none;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.1s ease;
	float: none;
	margin-top: 8px;
}

body.login #wp-submit:hover {
	background: var(--pokate-color-4, #2546F0);
	transform: translateY(-1px);
}

body.login #wp-submit:active {
	transform: translateY(0);
}

/* "Angemeldet bleiben" Checkbox-Zeile ausblenden oder stylen */
body.login .forgetmenot {
	float: none;
	margin-bottom: 12px;
}

body.login .forgetmenot label {
	font-size: 13px;
	color: #777;
}

/* Submit-Zeile Layout-Fix */
body.login #loginform .submit {
	clear: both;
}

/* =========================================================================
   Fehlermeldungen
   ========================================================================= */

body.login #login_error {
	border: none;
	border-left: 4px solid #dc3232;
	border-radius: 6px;
	background: #fff5f5;
	color: #b52a2a;
	padding: 12px 16px;
	margin-bottom: 16px;
	font-size: 14px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

body.login .message {
	border: none;
	border-left: 4px solid var(--pokate-accent, #0073E6);
	border-radius: 6px;
	background: #f0f7ff;
	color: #333;
	padding: 12px 16px;
	margin-bottom: 16px;
	font-size: 14px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

/* =========================================================================
   "Passwort vergessen" und "Zurück zu" Links
   ========================================================================= */

body.login #nav,
body.login #backtoblog {
	text-align: center;
	padding: 0;
}

body.login #nav a,
body.login #backtoblog a {
	color: #888;
	font-size: 13px;
	text-decoration: none;
	transition: color 0.2s ease;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: var(--pokate-accent, #0073E6);
}

/* "Zurück zu"-Link in "Zurück zur Startseite" umformulieren (optisch) */
body.login #backtoblog {
	margin-top: 16px;
}

/* =========================================================================
   Language Switcher (WP 5.9+) verstecken
   ========================================================================= */

body.login .language-switcher {
	display: none;
}

/* =========================================================================
   Privacy Policy Link verstecken (optional)
   ========================================================================= */

body.login .privacy-policy-page-link {
	display: none;
}

/* =========================================================================
   Responsive
   ========================================================================= */

@media screen and (max-width: 480px) {
	body.login #login {
		width: 100%;
		padding: 0 16px;
	}

	body.login #loginform {
		padding: 24px 20px 20px;
		border-radius: 8px;
	}

	body.login #login h1 a {
		font-size: 24px;
	}
}