/* ============================================================
   TD System — login screen (wp-login.php)
   Ink navy field, white card, bronze accent, TD wordmark
   ============================================================ */

body.login {
	background: #1c2733;
	background-image:
		radial-gradient( ellipse 900px 480px at 50% -10%, rgba(168, 133, 59, 0.16), transparent 60% ),
		linear-gradient( 180deg, #1c2733 0%, #141d27 100% );
	min-height: 100vh;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---- Wordmark ----------------------------------------------------------- */

.login h1 a,
.login .wp-login-logo a {
	background-image: none !important;
	text-indent: 0;
	width: auto;
	height: auto;
	display: inline-block;
	padding: 10px 22px;
	border: 1px solid #c9a961;
	border-radius: 6px;
	color: #c9a961 !important;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.3;
	overflow: visible;
}

.login h1,
.login .wp-login-logo {
	margin-bottom: 8px;
}

/* ---- Card --------------------------------------------------------------- */

.login form {
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-top: 3px solid #a8853b;
	border-radius: 8px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
	padding: 30px 28px 26px;
	margin-top: 18px;
}

.login label {
	color: #35455a;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	border: 1px solid #dfe3e8;
	border-radius: 6px;
	background: #fff;
	font-size: 15px;
	padding: 9px 12px;
	box-shadow: none;
	margin-top: 4px;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #a8853b;
	box-shadow: 0 0 0 3px rgba(168, 133, 59, 0.18);
	outline: none;
}

.login .button.wp-hide-pw {
	color: #6b7684;
}
.login .button.wp-hide-pw:focus {
	box-shadow: 0 0 0 2px rgba(168, 133, 59, 0.35);
	border-color: #a8853b;
}

/* Remember me */
.login .forgetmenot label {
	font-weight: 400;
	color: #6b7684;
	font-size: 13px;
}
.login input[type="checkbox"]:checked {
	background: #a8853b;
	border-color: #a8853b;
}
.login input[type="checkbox"]:focus {
	box-shadow: 0 0 0 2px rgba(168, 133, 59, 0.35);
	border-color: #a8853b;
}

/* ---- Primary button ----------------------------------------------------- */

.login .button-primary {
	background: #a8853b;
	border: none;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 650;
	letter-spacing: 0.03em;
	padding: 4px 22px;
	min-height: 40px;
	text-shadow: none;
	box-shadow: none;
	transition: background-color 0.15s ease;
}

.login .button-primary:hover,
.login .button-primary:focus {
	background: #96762f;
	box-shadow: 0 0 0 3px rgba(168, 133, 59, 0.25);
}

/* ---- Messages ----------------------------------------------------------- */

.login .message,
.login .success {
	border-left: 4px solid #a8853b;
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.login #login_error {
	border-left: 4px solid #b91c1c;
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

/* ---- Below-card links --------------------------------------------------- */

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

.login #nav a,
.login #backtoblog a {
	color: #9aa8b6;
	font-size: 13px;
}

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

/* Hide the language switcher for a cleaner gate */
.login .language-switcher {
	display: none;
}

@media (max-width: 480px) {
	#login {
		padding: 8% 16px 0;
	}
}