/* Courage & Character — branded wp-login.php (covers login, registration,
   lost password, and reset password: they all share this template). */

body.login {
	background: #f6f1e6;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* #login raises specificity above core's ".login h1 a" so our mark wins
   regardless of stylesheet load order. The mark's center dot is parchment
   (by design, for use on the dark forest surfaces elsewhere in the site),
   so on this light page it needs the same dark circular badge the mockup
   uses everywhere else the mark sits on light ground (.hero-badge /
   .virtue-emblem) rather than a new logo color variant. */
#login h1.wp-login-logo a {
	background-color: #152720;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'%3E%3Ccircle cx='20' cy='20' r='18' stroke='%23c08a3e' stroke-width='2'/%3E%3Cpath d='M20 8 L23 18 L20 32 L17 18 Z' fill='%23c08a3e'/%3E%3Ccircle cx='20' cy='20' r='3' fill='%23f6f1e6'/%3E%3C/svg%3E");
	background-size: 56px;
	background-position: center;
	background-repeat: no-repeat;
	border: 3px solid #c08a3e;
	border-radius: 50%;
	box-sizing: border-box;
	width: 96px;
	height: 96px;
	margin-bottom: 8px;
}

#login {
	width: 100%;
	max-width: 360px;
}

#login form {
	background: #fffdf8;
	border: 1px solid #ddd3bc;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(43, 38, 32, 0.08);
	padding: 26px 24px;
}

#login label {
	color: #2b2620;
}

#login form .input,
#login input[type="text"],
#login input[type="password"],
#login input[type="email"],
#login select {
	border: 1px solid #ddd3bc;
	border-radius: 6px;
	box-shadow: none;
}

#login form .input:focus,
#login input[type="text"]:focus,
#login input[type="password"]:focus,
#login input[type="email"]:focus {
	border-color: #c08a3e;
	box-shadow: 0 0 0 1px #c08a3e;
}

#login form .button-primary {
	background: #c08a3e;
	border-color: #c08a3e;
	color: #152720;
	text-shadow: none;
	box-shadow: none;
	font-weight: 700;
}

#login form .button-primary:hover,
#login form .button-primary:focus {
	background: #e0b877;
	border-color: #e0b877;
	color: #152720;
}

#login #nav a,
#login #backtoblog a {
	color: #5b544a;
}

#login #nav a:hover,
#login #backtoblog a:hover {
	color: #c08a3e;
}

#login .message,
#login .success {
	border-left-color: #c08a3e;
	background: #fbf5e6;
}