/* Baytroots login screen. */
body.login {
	background: #F8F1E3;
	color: #1E2638;
	font-family: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}
body.login.rtl, body.login.rtl input, body.login.rtl button { font-family: "Tajawal", "Noto Sans Arabic", "Nunito Sans", sans-serif; }
.login h1 a {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	inline-size: 260px;
	block-size: 64px;
	margin-block-end: 20px;
}
.login form {
	background: #FFFFFF;
	border: 1px solid #E0CFAE;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(30, 38, 56, .08);
}
.login label { color: #1E2638; font-weight: 700; }
.login form .input, .login input[type="text"], .login input[type="password"], .login input[type="email"], .login textarea {
	border: 1px solid #E0CFAE;
	border-radius: 8px;
	background: #FFFFFF;
	color: #1E2638;
}
.login form .input:focus, .login input:focus, .login textarea:focus {
	border-color: #9C4A2A;
	box-shadow: 0 0 0 1px #9C4A2A;
}
.wp-core-ui.login .button-primary {
	background: #9C4A2A;
	border-color: #9C4A2A;
	color: #FFFFFF;
	border-radius: 10px;
	font-weight: 700;
	text-shadow: none;
	box-shadow: none;
	padding-inline: 18px;
}
.wp-core-ui.login .button-primary:hover, .wp-core-ui.login .button-primary:focus {
	background: #86391D;
	border-color: #86391D;
}
.login .message, .login .notice, .login .success {
	border-inline-start: 0;
	border-radius: 8px;
	background: #EFE1C6;
	color: #1E2638;
	box-shadow: none;
}
.login #login_error, .login .notice-error { background: #F6DED5; color: #6B2A17; border-inline-start: 0; border-radius: 8px; }
.login #nav a, .login #backtoblog a, .login .baytroots-request-link a, .login .privacy-policy-link { color: #9C4A2A; }
.login #nav a:hover, .login #backtoblog a:hover, .login .baytroots-request-link a:hover { color: #86391D; }
.login .baytroots-request-link a { font-weight: 700; }
.login .button.wp-hide-pw .dashicons { color: #5E5546; }

.login h1, .login .message, .login form { font-family: inherit; }
body.login .button-primary { min-height: 40px; }
