/**
 * WordPress login screen — Zelda Central v2 skin.
 *
 * Loaded via login_enqueue_scripts (inc/login.php). Palette and textures
 * mirror main.css tokens: --green #09291f, --green-raised #143c2c,
 * --paper #f9edd5, --ink #17221b, --muted #55523e, --gold #b18c43,
 * --gold-light #edcf81, --rule #bba16b66. Paths resolve relative to
 * this file (../fonts, ../images, ../materials).
 */

@font-face {
	font-family: 'Crimson Pro';
	src: url('../fonts/crimson-pro.woff2') format('woff2'), url('../fonts/crimson-pro.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Lora';
	src: url('../fonts/lora.woff2') format('woff2'), url('../fonts/lora.ttf') format('truetype');
	font-display: swap;
}

body.login {
	background: #09291f url('../materials/green-suede.webp') repeat;
	color: #f9edd5;
	font-family: 'Lora', Georgia, serif;
	font-size: 15px;
}

/* Site logo replaces the WordPress mark. */
.login h1 a {
	width: 300px;
	max-width: 82vw;
	height: 107px;
	margin: 0 auto 14px;
	background-image: url('../images/zelda-central-logo.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.login form {
	display: block;
	margin-top: 20px;
	padding: 26px 28px 30px;
	background: #f9edd5 url('../materials/parchment.webp') repeat;
	border: 1px solid #6b613e;
	border-top: 3px solid #b18c43;
	border-radius: 0;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
	color: #17221b;
}

.login label,
.login .forgetmenot label {
	color: #17221b;
	font-family: 'Crimson Pro', Georgia, serif;
	font-size: 1.25rem;
	font-weight: 600;
}

.login .forgetmenot label {
	font-family: 'Lora', Georgia, serif;
	font-size: 0.95rem;
	font-weight: 400;
}

.login input[type='text'],
.login input[type='password'],
.login input[type='email'],
.login textarea {
	background: #fffdf4;
	border: 1px solid #bba16b;
	border-radius: 0;
	box-shadow: inset 0 1px 3px rgba(23, 34, 27, 0.12);
	color: #17221b;
	font-family: 'Lora', Georgia, serif;
	font-size: 1rem;
	margin: 4px 0 16px;
	padding: 8px 10px;
}

.login input[type='text']:focus,
.login input[type='password']:focus,
.login input[type='email']:focus,
.login textarea:focus {
	background: #fff;
	border-color: #b18c43;
	box-shadow: 0 0 0 2px rgba(177, 140, 67, 0.35);
	outline: none;
}

/* Submit — dark green with a worked-gold edge, matching site buttons. */
.wp-core-ui .button-primary,
.login .button-primary {
	background: #143c2c;
	border: 2px solid #b18c43;
	border-radius: 0;
	box-shadow: none;
	color: #f9edd5;
	font-family: 'Crimson Pro', Georgia, serif;
	font-size: 1.25rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	padding: 10px 22px;
	height: auto;
	text-shadow: none;
	transition: background 0.15s, border-color 0.15s;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus,
.login .button-primary:hover,
.login .button-primary:focus {
	background: #09291f;
	border-color: #edcf81;
	color: #fff4d6;
}

/* Password strength meter keeps WP colours but the theme's shape. */
#pass-strength-result {
	border-radius: 0;
	font-family: 'Lora', Georgia, serif;
}

/* Notices: parchment strips with a gold (info) or red (error) edge. */
.login .message,
.login .notice,
.login .success,
.login .registration-checkup {
	background: #f9edd5;
	border: 1px solid #6b613e;
	border-left: 4px solid #b18c43;
	border-radius: 0;
	box-shadow: none;
	color: #17221b;
	font-family: 'Lora', Georgia, serif;
}
.login #login_error,
.login .error {
	background: #f6e3d8;
	border-left-color: #a33b2e;
	color: #5c221b;
}
.login #login_error a,
.login .error a {
	color: #5c221b;
}

/* Secondary links sit on the dark suede — gold for contrast. Covers the
   #nav/#backtoblog rows plus plugin-injected footer badges (CleanTalk etc.). */
.login a {
	color: #edcf81;
}
.login a:hover,
.login a:focus {
	color: #fff0cb;
}
.login form a,
.login #login_error a,
.login .error a,
.login .message a {
	color: inherit;
}
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
	color: #edcf81;
	font-family: 'Lora', Georgia, serif;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.login #nav a:hover,
.login #nav a:focus,
.login #backtoblog a:hover,
.login #backtoblog a:focus,
.login .privacy-policy-page-link a:hover,
.login .privacy-policy-page-link a:focus {
	color: #fff0cb;
}

.login #nav,
.login #backtoblog {
	font-size: 0.95rem;
	padding: 0 24px;
}

/* Language switcher strip. */
.login .language-switcher select {
	background: #fffdf4;
	border: 1px solid #bba16b;
	border-radius: 0;
	color: #17221b;
	font-family: 'Lora', Georgia, serif;
}

@media screen and (max-width: 480px) {
	.login form {
		padding: 20px 18px 24px;
	}
	.login h1 a {
		height: 84px;
	}
}