/**
 * WordPress core login (wp-login.php) skinned to the static login.html style.
 *
 * Presentation only: enqueued solely on the login action of wp-login.php.
 * Core/UM behavior (POST handling, validation, redirects, lost-password,
 * register, confirm actions) is untouched.
 */

body.login {
	background: linear-gradient(135deg, #eef8f8 0%, #ffffff 50%, #eef8f8 100%);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	color: #374151;
	min-height: 100vh;
}

body.login #login {
	width: 100%;
	max-width: 28rem;
	padding: 3rem 1rem 2rem;
	margin: auto;
}

/* Logo mark: teal rounded square with pulse line (brand icon). */
body.login #login h1 a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' rx='12' fill='%231a6b6b'/%3E%3Cpath d='M30 22h-5l-3.5 9L15 13l-3.5 9H7' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 44px 44px;
	background-position: center;
	width: 44px;
	height: 44px;
	margin: 0 auto 1.5rem;
}

/* Brand + heading block injected above the form. */
body.login .ph-wp-brand {
	text-align: center;
	margin-bottom: 2rem;
}

body.login .ph-wp-brand .ph-wp-name {
	font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
	font-weight: 700;
	font-size: 1.125rem;
	color: #0d3d3d;
	line-height: 1;
}

body.login .ph-wp-brand .ph-wp-tag {
	font-size: 10px;
	color: #6b7280;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-top: 2px;
}

body.login .ph-wp-brand h2 {
	font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	color: #111827;
	margin: 1rem 0 0;
}

body.login .ph-wp-brand p {
	margin: 0.5rem 0 0;
	font-size: 0.875rem;
	color: #6b7280;
}

/* Card. */
body.login #loginform,
body.login #lostpasswordform,
body.login #registerform {
	background: #fff;
	border: 1px solid #f5f5f5;
	border-radius: 1rem;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.08);
	padding: 1.5rem;
}

@media (min-width: 768px) {
	body.login #loginform,
	body.login #lostpasswordform,
	body.login #registerform {
		padding: 2rem;
	}
}

body.login #loginform label,
body.login #lostpasswordform label,
body.login #registerform label {
	font-size: 0.875rem;
	font-weight: 500;
	color: #374151;
}

body.login #loginform input[type="text"],
body.login #loginform input[type="password"],
body.login #lostpasswordform input[type="text"],
body.login #registerform input[type="text"],
body.login #registerform input[type="email"] {
	width: 100%;
	border: 1px solid #e5e7eb;
	border-radius: 0.5rem;
	padding: 0.625rem 1rem;
	font-size: 0.875rem;
	color: #1f2937;
	margin: 0.375rem 0 1.25rem;
	box-sizing: border-box;
	box-shadow: none;
}

body.login #loginform input[type="text"]:focus,
body.login #loginform input[type="password"]:focus,
body.login #lostpasswordform input[type="text"]:focus,
body.login #registerform input[type="text"]:focus,
body.login #registerform input[type="email"]:focus {
	outline: none;
	border-color: #228585;
	box-shadow: 0 0 0 2px rgba(34, 133, 133, 0.25);
}

body.login .forgetmenot {
	margin-bottom: 1.25rem;
	font-size: 0.875rem;
}

body.login .forgetmenot input[type="checkbox"] {
	border-color: #d1d5db;
	border-radius: 0.25rem;
}

body.login p.submit {
	margin: 0;
}

body.login #wp-submit {
	width: 100%;
	float: none;
	background: #1a6b6b;
	border: none;
	border-radius: 0.5rem;
	padding: 0.75rem 1rem;
	height: auto;
	line-height: 1.5;
	font-size: 0.875rem;
	font-weight: 600;
	color: #fff;
	text-shadow: none;
	box-shadow: none;
}

body.login #wp-submit:hover,
body.login #wp-submit:focus {
	background: #115252;
	color: #fff;
	box-shadow: none;
}

/* Notices + links. */
body.login #login_error,
body.login .message,
body.login .success {
	border-radius: 0.5rem;
	font-size: 0.875rem;
}

body.login #nav,
body.login #backtoblog {
	text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
	color: #1a6b6b;
	font-weight: 500;
	font-size: 0.875rem;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #115252;
}

body.login .privacy-policy-page-link {
	text-align: center;
}