/* Custom wp-login.php branding for IRI Korea, enqueued via
 * login_enqueue_scripts in irikorea-site.php. wp-login.php sits outside
 * the block-theme template hierarchy entirely (a classic wp-admin PHP
 * screen, not styled by theme.json), so it needs its own stylesheet.
 * Colors match the site's actual theme.json palette (iri-navy/iri-blue),
 * not a separate invented one. Kept in this site-plugin rather than the
 * theme to avoid touching sites/irikorea/theme/ (another agent's active
 * work-in-progress). The logo (attachment 36) is white-on-transparent
 * artwork designed for a dark background -- iri-navy, not a light one. */

body.login {
	background-color: #172b3d;
}

body.login #login h1 {
	height: 70px;
	margin-bottom: 1.5rem;
}

body.login #login h1 a {
	width: 100%;
	height: 70px;
	background-image: url("/wp-content/uploads/2022/05/IRI-logo-07.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

body.login form#loginform,
body.login form#registerform,
body.login form#lostpasswordform,
body.login form#resetpassform {
	background: #ffffff;
	border: 1px solid #d9e0e7;
	border-radius: 10px;
	box-shadow: 0 4px 20px -8px rgba(23, 43, 61, 0.3);
	padding: 26px 24px 24px;
}

body.login label {
	color: #172331;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	border: 1px solid #d9e0e7;
	border-radius: 6px;
	box-shadow: none;
}

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

body.login .button-primary {
	background: #0b4f71;
	border-color: #0b4f71;
	color: #ffffff;
	text-shadow: none;
	box-shadow: none;
	border-radius: 6px;
	transition: filter 120ms ease, transform 120ms ease;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #0b4f71;
	border-color: #0b4f71;
	filter: brightness(1.15);
	transform: translateY(-1px);
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a.privacy-policy-link {
	color: #ffffff !important;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a.privacy-policy-link:hover {
	color: #e7f0f7 !important;
}

body.login .language-switcher select {
	border: 1px solid #d9e0e7;
	border-radius: 6px;
}

body.login .language-switcher .button {
	background: #ffffff;
	border: 1px solid #d9e0e7;
	color: #172331;
	box-shadow: none;
	border-radius: 6px;
}

body.login .language-switcher .button:hover {
	border-color: #0b4f71;
	color: #0b4f71;
}

body.login .language-switcher label {
	color: #ffffff;
}

body.login #login_error,
body.login .message,
body.login .success {
	border-left-color: #0b4f71;
	background: #f7f9fb;
}