/* ==========================================================================
   MyEndoConsult — wp-login.php styling
   Themes the standard WordPress login, registration, and lost-password
   screens to match the site's sky-blue + light brutalist look.
   ========================================================================== */

body.login {
	background: #F1F4F9;
	font-family: 'Hanken Grotesk', 'Helvetica Neue', Arial, sans-serif;
	color: #3C4B5E;
}

/* Login wrapper / inner sizing */
#login {
	width: 380px;
	padding: 7% 0 4%;
}

/* Logo (W replaced with site icon via inline CSS in functions.php) */
.login h1 a {
	width: 100px !important;
	height: 100px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	margin: 0 auto 1.4rem;
	text-indent: -9999px;
	outline: none;
	box-shadow: none;
}

/* Optional heading line under the logo. WordPress doesn't render one
   natively, but its absence keeps things clean. */

/* Form card — brutalist white card on the paper background. */
.login form {
	background: #FFFFFF;
	border: 2px solid #172538;
	border-radius: 10px;
	box-shadow: 5px 5px 0 #172538;
	padding: 1.7rem 1.6rem 1.6rem;
	margin-top: 1rem;
	overflow: visible;
}

/* Field labels */
.login label {
	display: block;
	font-family: 'Hanken Grotesk', sans-serif;
	font-weight: 600;
	font-size: 0.9rem;
	color: #172538;
	margin-bottom: 0.35rem;
}
.login form .forgetmenot label {
	font-weight: 500;
	font-size: 0.88rem;
	color: #3C4B5E;
}

/* Inputs */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	background: #F1F4F9 !important;
	border: 2px solid #172538 !important;
	border-radius: 6px !important;
	font-family: 'Hanken Grotesk', sans-serif !important;
	font-size: 1rem !important;
	padding: 0.65rem 0.85rem !important;
	box-shadow: none !important;
	color: #172538 !important;
	transition: border-color 0.18s ease, background 0.18s ease;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	background: #FFFFFF !important;
	border-color: #5B8DC9 !important;
	outline: 2px solid #5B8DC9 !important;
	outline-offset: 1px !important;
}

/* "Remember me" row */
.login .forgetmenot {
	float: none;
	margin: 0 0 1rem;
}
.login .forgetmenot input[type="checkbox"] {
	accent-color: #5B8DC9;
	margin-right: 0.3rem;
}

/* Submit button — sky-blue brutalist */
.login .button-primary,
.login #wp-submit {
	float: none;
	width: 100%;
	display: inline-block;
	background: #5B8DC9 !important;
	color: #FFFFFF !important;
	border: 2px solid #172538 !important;
	border-radius: 10px !important;
	box-shadow: 3px 3px 0 #172538 !important;
	font-family: 'Hanken Grotesk', sans-serif !important;
	font-weight: 600 !important;
	font-size: 0.98rem !important;
	letter-spacing: 0.01em !important;
	padding: 0.72rem 1.4rem !important;
	height: auto !important;
	line-height: 1.2 !important;
	min-height: 0 !important;
	text-shadow: none !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}
.login .button-primary:hover,
.login #wp-submit:hover,
.login .button-primary:focus,
.login #wp-submit:focus {
	background: #3D6FAB !important;
	transform: translate(-2px, -2px) !important;
	box-shadow: 5px 5px 0 #172538 !important;
	color: #FFFFFF !important;
}
.login .button-primary:active,
.login #wp-submit:active {
	transform: translate(0, 0) !important;
	box-shadow: 3px 3px 0 #172538 !important;
}

/* Nav links below the form */
.login #nav,
.login #backtoblog {
	text-align: center;
	margin: 1rem 0 0;
	padding: 0;
	font-size: 0.9rem;
}
.login #nav a,
.login #backtoblog a {
	color: #5B8DC9;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.16s ease;
}
.login #nav a:hover,
.login #backtoblog a:hover,
.login #nav a:focus,
.login #backtoblog a:focus {
	color: #3D6FAB;
	text-decoration: underline;
	box-shadow: none;
	outline: none;
}

/* Notices / errors */
.login .message,
.login .notice,
.login #login_error {
	background: #FFFFFF;
	border: 2px solid #172538 !important;
	border-left-width: 6px !important;
	border-radius: 8px !important;
	box-shadow: 3px 3px 0 #172538 !important;
	font-family: 'Hanken Grotesk', sans-serif;
	font-size: 0.92rem;
	color: #172538;
	padding: 0.8rem 1rem !important;
	margin-bottom: 1.2rem;
}
.login .message {
	border-left-color: #5B8DC9 !important;
}
.login #login_error {
	border-left-color: #DC2626 !important;
}

/* Privacy + language switcher footers */
.login .privacy-policy-page-link {
	text-align: center;
	margin-top: 1.2rem;
}
.login .privacy-policy-page-link a {
	color: #6C7A8C;
	font-size: 0.84rem;
}
.login .language-switcher {
	margin-top: 1.2rem;
	text-align: center;
}

/* Captcha / "I'm not a robot" wrapping */
.login .login-action-register form,
.login .login-action-lostpassword form {
	padding-bottom: 1.4rem;
}

/* Responsive */
@media (max-width: 460px) {
	#login {
		width: auto;
		max-width: 92%;
		padding: 8% 0 4%;
	}
	.login h1 a {
		width: 80px !important;
		height: 80px !important;
	}
	.login form {
		padding: 1.4rem 1.2rem 1.3rem;
		box-shadow: 4px 4px 0 #172538;
	}
}