/**
 * wp-login.php — dark mode + marca (logo en assets/logo.svg).
 */

body.login {
	background-color: #0c0c0c;
	color: #e6e6e6;
}

body.login #login {
	padding-top: 4%;
}

body.login #login h1 a {
	background-image: url("logo.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: min(92vw, 300px);
	height: 118px;
	margin: 0 auto 1.25rem;
	text-indent: -9999px;
	overflow: hidden;
	outline: 0;
	box-shadow: none;
}

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
	background: #161616;
	border: 1px solid #2a2a2a;
	border-radius: 6px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	background: #0f0f0f;
	border-color: #333;
	color: #f0f0f0;
	border-radius: 4px;
}

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

body.login label {
	color: #c8c8c8;
}

body.login .button.wp-hide-pw {
	color: #aaa;
}

body.login .button.wp-hide-pw:focus {
	border-color: #c00;
	box-shadow: 0 0 0 1px #c00;
}

body.login #wp-submit,
body.login .button.button-primary {
	background: #b30000;
	border-color: #900;
	color: #fff;
	text-shadow: none;
	box-shadow: none;
	border-radius: 4px;
}

body.login #wp-submit:hover,
body.login #wp-submit:focus,
body.login .button.button-primary:hover,
body.login .button.button-primary:focus {
	background: #d40000;
	border-color: #b30000;
	color: #fff;
}

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

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

body.login #login_error,
body.login .message {
	background: #1f1212;
	border-left: 4px solid #c00;
	color: #f0e0e0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

body.login .privacy-policy-page-link {
	color: #aaa;
}

body.login .privacy-policy-page-link a {
	color: #e04040;
}

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

body.login select#language-switcher-locales,
body.login .language-switcher select {
	background: #0f0f0f;
	border-color: #333;
	color: #e6e6e6;
}

body.login .dashicons-translation {
	color: #888;
}