/* Уншигч Унага -- wp-login.php branding.
   Standard WordPress login-screen overrides: logo, colors, rounded card,
   pill button. Loaded only on the login/register/lost-password screens. */

body.login {
	background: linear-gradient(180deg, #FFF6F8 0%, var(--unaga-cream) 100%);
	font-family: var(--unaga-font-body);
}

body.login #login h1 a {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	margin: 0 auto 16px;
	box-shadow: var(--unaga-shadow-card-hover);
}

body.login #login {
	width: 90%;
	max-width: 380px;
}

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
	background: #fff;
	border: none;
	border-radius: var(--unaga-radius-lg);
	box-shadow: var(--unaga-shadow-card-hover);
	padding: 32px 28px;
}

body.login label {
	color: var(--unaga-grey-900);
	font-weight: 700;
	font-size: 14px;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	border-radius: var(--unaga-radius-md);
	border: 2px solid var(--unaga-grey-300);
	padding: 10px 14px;
	font-size: 16px;
	box-shadow: none;
}
body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
	border-color: var(--unaga-fuchsia);
	box-shadow: 0 0 0 3px var(--unaga-fuchsia-tint);
}

body.login .button-primary {
	background: var(--unaga-fuchsia);
	border-color: var(--unaga-fuchsia);
	border-radius: var(--unaga-radius-pill);
	padding: 10px 24px;
	height: auto;
	font-weight: 700;
	font-size: 15px;
	text-shadow: none;
	box-shadow: 0 6px 16px rgba(232,25,90,0.3);
	transition: transform .15s ease;
}
body.login .button-primary:hover,
body.login .button-primary:focus {
	background: var(--unaga-fuchsia-dark);
	border-color: var(--unaga-fuchsia-dark);
	transform: translateY(-1px);
}

body.login #nav, body.login #backtoblog {
	text-align: center;
}
body.login #nav a, body.login #backtoblog a {
	color: var(--unaga-grey-600);
	font-weight: 600;
	text-decoration: none;
}
body.login #nav a:hover, body.login #backtoblog a:hover {
	color: var(--unaga-fuchsia);
}

body.login .message, body.login #login_error {
	border-radius: var(--unaga-radius-md);
	border: none;
	box-shadow: var(--unaga-shadow-card);
}

@media (max-width: 480px) {
	body.login #loginform, body.login #registerform, body.login #lostpasswordform {
		padding: 24px 18px;
	}
}