/* LaboraTree — restyles WordPress's native wp-login.php screens (login,
   lost password, reset password) to match the collector's card front-end
   styling. Purely visual — the underlying password-reset mechanism is
   entirely WordPress core's own, untouched. */

body.login {
	background: #f6f9f7;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* WordPress's own logo is an image swapped in via background-image, with
   the actual link text ("Powered by WordPress") hidden off-screen for
   accessibility. Replacing it with our own text needs the same trick:
   collapse the real text to font-size:0, then show our label via a
   ::before pseudo-element with its own explicit font-size. */
.login h1 a {
	background-image: none !important;
	width: auto;
	height: auto;
	text-indent: 0;
	font-size: 0;
	display: inline-block;
	margin-bottom: 0.6em;
}

.login h1 a::before {
	content: "LaboraTree";
	font-size: 28px;
	font-weight: 700;
	color: #1b4332;
	letter-spacing: -0.01em;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.login form {
	background: #ffffff;
	border: 1px solid #dbe6e0;
	border-radius: 10px;
	box-shadow: 0 2px 14px rgba(27, 67, 50, 0.06);
	padding: 26px 24px;
}

.login label {
	color: #1f2d27;
	font-weight: 500;
}

.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	border: 1px solid #c7d6cd;
	border-radius: 6px;
	padding: 0.65em 0.8em;
	box-shadow: none;
	font-size: 1em;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: #2f6f4f;
	box-shadow: 0 0 0 3px rgba(47, 111, 79, 0.15);
}

.login .button-primary {
	background: #1b4332;
	border-color: #163a2a;
	border-radius: 6px;
	text-shadow: none;
	box-shadow: none;
	font-weight: 600;
	padding: 0.5em 1.4em;
	height: auto;
}

.login .button-primary:hover,
.login .button-primary:focus {
	background: #163a2a;
	border-color: #163a2a;
}

.login #nav a,
.login #backtoblog a {
	color: #2f6f4f;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #163a2a;
}

.login .message {
	border-left-color: #2f6f4f;
	border-radius: 6px;
	background: #eef5f0;
}

.login #login_error {
	border-left-color: #a33;
	border-radius: 6px;
}