/*
 * Peoria Biotic Tracker Theme — wp-login.php skin
 * Loaded via login_enqueue_scripts. CSS variables injected inline.
 */

body.login {
	background: var(--pbt-sand, #f7f3ea);
	font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
	color: var(--pbt-ink, #1d2b24);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: 2rem 1rem;
}

body.login div#login {
	padding: 0;
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
}

/* Logo */
body.login h1 a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin: 0 auto 1rem;
	border-radius: 50%;
	background-color: var(--pbt-primary, #1f5c3f);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34L5.71 22l1-2.3A4.49 4.49 0 0 0 8 20C19 20 22 3 22 3c-1 2-8 2-8 8' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 38px;
	box-shadow: 0 6px 24px rgba(31,92,63,.25);
	transition: box-shadow .18s;
}
body.login h1 a:hover { box-shadow: 0 8px 32px rgba(31,92,63,.38); }

/* Card */
#loginform, #lostpasswordform, #registerform {
	background: #ffffff;
	border: 1px solid var(--pbt-border, #dce6db);
	border-radius: 18px;
	padding: 2rem 2rem 1.75rem;
	box-shadow: 0 10px 40px rgba(31,92,63,.12);
	margin-top: 0;
}

/* Labels */
#loginform label, #lostpasswordform label, #registerform label {
	font-size: .82rem;
	font-weight: 700;
	color: var(--pbt-primary, #1f5c3f);
	display: block;
	margin-bottom: .35rem;
}

/* Inputs */
#loginform input[type=text],
#loginform input[type=password],
#loginform input[type=email],
#lostpasswordform input[type=text],
#lostpasswordform input[type=email],
#registerform input[type=text],
#registerform input[type=email] {
	width: 100%;
	padding: .8rem 1rem;
	border: 1.5px solid var(--pbt-border, #dce6db);
	border-radius: 12px;
	font-size: .95rem;
	font-family: inherit;
	color: var(--pbt-ink, #1d2b24);
	background: var(--pbt-sand, #f7f3ea);
	box-shadow: none;
	transition: border-color .15s, box-shadow .15s;
	outline: none;
	height: auto;
}
#loginform input:focus,
#lostpasswordform input:focus,
#registerform input:focus {
	border-color: var(--pbt-primary, #1f5c3f);
	box-shadow: 0 0 0 3px rgba(31,92,63,.12);
	background: #fff;
}

/* Submit */
#loginform .submit input[type=submit],
#lostpasswordform .submit input[type=submit],
#registerform .submit input[type=submit],
.login .button-primary {
	width: 100%;
	display: block;
	padding: .9rem 1rem;
	background: var(--pbt-primary, #1f5c3f);
	border: none;
	border-radius: 12px;
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	text-shadow: none;
	box-shadow: none;
	transition: background .18s, box-shadow .18s;
	height: auto;
	float: none;
}
#loginform .submit input[type=submit]:hover,
.login .button-primary:hover {
	background: var(--pbt-primary-light, #2e7d52);
	box-shadow: 0 6px 20px rgba(31,92,63,.25);
}

/* Remember me */
#loginform .forgetmenot { float: none; margin-bottom: .9rem; }
#loginform .forgetmenot label {
	display: flex;
	align-items: center;
	gap: .4rem;
	font-weight: 400;
	color: var(--pbt-ink-muted, #506257);
	font-size: .83rem;
	cursor: pointer;
}
#loginform .forgetmenot input[type=checkbox] {
	accent-color: var(--pbt-primary, #1f5c3f);
	width: 15px; height: 15px; margin: 0;
}
#loginform .submit { float: none; margin-top: 0; }

/* Errors / messages */
#login_error, .login .message, .login .notice {
	background: #fef2f2;
	border: 1px solid #f5c6c6;
	border-left: 4px solid #c0392b;
	color: #7a1919;
	border-radius: 0 10px 10px 0;
	padding: .7rem 1rem;
	font-size: .88rem;
	box-shadow: none;
}
.login .message, .login .notice {
	background: #edf7ef;
	border-color: var(--pbt-border, #dce6db);
	border-left-color: var(--pbt-accent, #5c9e6b);
	color: var(--pbt-primary, #1f5c3f);
}

/* Below-form links */
#nav, #backtoblog { text-align: center; margin-top: .85rem; padding: 0; }
#nav a, #backtoblog a {
	font-size: .83rem;
	color: var(--pbt-ink-muted, #506257);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .14s;
}
#nav a:hover, #backtoblog a:hover { color: var(--pbt-primary, #1f5c3f); }
#backtoblog a::before { content: '\2190\00a0'; }