/**
 * WordPress login and register screen – match custom login page (template-login.php).
 * Enqueued only on wp-login.php so action=login and action=register look consistent.
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700&display=swap');

body.login {
	font-family: 'Poppins', sans-serif;
	background-color: #f8f8f8;
	color: #544f4a;
	font-size: 0.906rem;
}

body.login #login {
	width: 100%;
	max-width: 480px;
	padding: 2rem 24px;
}

body.login #login h1 a {
	background-size: contain;
	background-position: center;
	width: 100%;
}

body.login .login form,
body.login .login .message {
	background: #fff;
	border: 1px solid #e6e6e6;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	border-radius: 0;
	padding: 1.5rem 1.5rem 1.75rem;
	margin-top: 1rem;
}

body.login .login .message {
	margin-bottom: 0;
}

body.login form .input,
body.login form input[type="text"],
body.login form input[type="password"],
body.login form input[type="email"] {
	width: 100%;
	padding: 0.6rem 0.75rem;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	border: 1px solid #cacaca;
	background: #fefefe;
	border-radius: 0;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

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

body.login form label {
	font-weight: 600;
	color: #544f4a;
}

body.login #wp-submit,
body.login .button-primary,
body.login input[type="submit"] {
	background-color: #167076 !important;
	border-color: #167076 !important;
	color: #fff !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
	padding: 0.65rem 1.5rem !important;
	width: 100%;
	border-radius: 0;
	transition: background-color 0.2s ease, color 0.2s ease;
}

body.login #wp-submit:hover,
body.login .button-primary:hover,
body.login input[type="submit"]:hover {
	background-color: #bbdbdd !important;
	color: #167076 !important;
	border-color: #bbdbdd !important;
}

body.login #backtoblog a,
body.login #nav a,
body.login .login-register-link a,
body.login .privacy-policy-page-link a {
	color: #167076 !important;
	text-decoration: underline;
	font-weight: 600;
}

body.login #backtoblog a:hover,
body.login #nav a:hover,
body.login .login-register-link a:hover {
	text-decoration: none;
}

body.login .login #login_error,
body.login .login .message {
	font-family: 'Poppins', sans-serif;
	border-left-color: #167076;
}

body.login .login #login_error {
	border-left-color: #b1645a;
}

/* Register form: same look as login form */
body.login form#registerform {
	margin-top: 1rem;
}

body.login form#registerform .description {
	color: #767676;
	font-size: 0.9em;
	margin-top: 0.25rem;
}