/**
 * WordPress login screen — Mensa Home brand.
 * Loaded only on wp-login.php via login_enqueue_scripts.
 */

body.login {
	--mensa-cream: #fbf7f0;
	--mensa-mustard: #ddbf5f;
	--mensa-mustard-dark: #c49a2a;
	--mensa-charcoal: #1a1a1a;
	--mensa-muted: #5a554c;
	--mensa-border: #e5dcc8;
	background: var(--mensa-cream);
	color: var(--mensa-charcoal);
}

body.login #login {
	padding: 8% 0 0;
	width: min(100% - 32px, 360px);
}

body.login #login h1 a {
	background-image: none;
	background-color: transparent;
	width: auto;
	height: auto;
	margin: 0 auto 24px;
	padding: 0;
	text-indent: 0;
	font-size: 1.65rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: var(--mensa-charcoal);
	text-decoration: none;
}

body.login #login h1 a:hover,
body.login #login h1 a:focus {
	color: var(--mensa-mustard-dark);
}

body.login form {
	margin-top: 0;
	padding: 28px 28px 24px;
	border: 1px solid var(--mensa-border);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 20px 48px rgba(26, 26, 26, 0.08);
}

body.login label {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--mensa-charcoal);
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"] {
	margin-top: 6px;
	padding: 12px 14px;
	border: 1px solid var(--mensa-border);
	border-radius: 12px;
	background: var(--mensa-cream);
	color: var(--mensa-charcoal);
	font-size: 1rem;
	box-shadow: none;
}

body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
	border-color: var(--mensa-mustard-dark);
	box-shadow: 0 0 0 3px rgba(221, 191, 95, 0.35);
	outline: none;
}

body.login .forgetmenot {
	margin-top: 12px;
}

body.login .forgetmenot label {
	font-weight: 500;
	color: var(--mensa-muted);
}

/* Match Home .mensa-btn */
body.login .button-primary {
	width: 100%;
	float: none;
	margin-top: 8px;
	padding: 10px 18px !important;
	height: auto !important;
	border-style: solid !important;
	border-width: 2px !important;
	border-color: #5b4400 !important;
	border-radius: 30px !important;
	background-color: #ddbf5f !important;
	color: #0d0b0a !important;
	font-family: "Roboto Condensed", Sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background-color: #1f1a18 !important;
	color: #ddbf5f !important;
	border-color: #5b4400 !important;
	transform: translateY(-1px);
}

body.login .wp-pwd {
	margin-top: 6px;
}

body.login .button.wp-hide-pw {
	border-color: transparent;
	background: transparent;
	color: var(--mensa-muted);
	box-shadow: none;
}

body.login .button.wp-hide-pw:hover,
body.login .button.wp-hide-pw:focus {
	color: var(--mensa-charcoal);
	background: transparent;
	border-color: transparent;
	box-shadow: none;
}

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

body.login #nav a,
body.login #backtoblog a {
	color: var(--mensa-charcoal);
	font-weight: 500;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login #nav a:focus,
body.login #backtoblog a:focus {
	color: var(--mensa-mustard-dark);
}

body.login .message,
body.login #login_error,
body.login .success {
	border-radius: 12px;
	border-left-width: 4px;
	box-shadow: none;
}

body.login #login_error {
	border-left-color: #8a1f1f;
	background: #fff1f1;
}

body.login .message {
	border-left-color: var(--mensa-mustard-dark);
	background: #fff8e8;
}

body.login .language-switcher {
	margin-top: 20px;
}
