/* Styled entirely with flip-theme tokens so it inherits any theme restyle. */

.fa-schools-signup {
	max-width: 480px;
	display: grid;
	gap: var(--flip-space-md);
}

.fa-schools-field {
	margin: 0;
}

.fa-schools-field label {
	display: block;
	font-size: var(--flip-text-sm);
	font-weight: 600;
	margin-bottom: var(--flip-space-xs);
}

.fa-schools-field input,
.fa-schools-login input[type="text"],
.fa-schools-login input[type="email"],
.fa-schools-login input[type="password"] {
	width: 100%;
	padding: 12px 14px;
	font-size: var(--flip-text-md);
	color: var(--flip-color-text);
	background: var(--flip-color-bg);
	border: 1px solid var(--flip-color-border);
	border-radius: var(--flip-radius-md);
}

.fa-schools-field input:focus-visible,
.fa-schools-login input:focus-visible {
	outline: none;
	border-color: var(--flip-color-border-focus);
	box-shadow: var(--flip-shadow-focus);
}

.fa-schools-notice {
	max-width: 640px;
	padding: var(--flip-space-md);
	margin-bottom: var(--flip-space-lg);
	border: 1px solid var(--flip-color-border);
	border-left-width: 4px;
	border-radius: var(--flip-radius-md);
}

.fa-schools-notice--success { border-left-color: #00784e; }
.fa-schools-notice--error   { border-left-color: var(--flip-color-red); }
.fa-schools-notice p        { margin: 0; }

.fa-schools-fineprint {
	font-size: var(--flip-text-sm);
	color: var(--flip-color-text-muted);
}

/* Core wp_login_form() markup, scoped by our wrapper */
.fa-schools-login {
	max-width: 400px;
}

.fa-schools-login p {
	margin-bottom: var(--flip-space-md);
}

.fa-schools-login label {
	display: block;
	font-size: var(--flip-text-sm);
	font-weight: 600;
	margin-bottom: var(--flip-space-xs);
}

.fa-schools-login .login-remember label {
	display: inline;
	font-weight: 400;
}

/* Mirrors .flip-button--donate — core login form markup can't take the class */
.fa-schools-login #wp-submit,
.fa-schools-login button {
	display: inline-flex;
	align-items: center;
	padding: 14.5px 24px;
	font-size: 16px;
	font-weight: 800;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: var(--flip-radius-full);
	background: var(--flip-color-red);
	color: #fff;
}

.fa-schools-login #wp-submit:focus-visible,
.fa-schools-login button:focus-visible {
	outline: none;
	box-shadow: var(--flip-shadow-focus);
}

/* Teacher list on the Manage teachers page ([fa_schools_team]) */
.fa-schools-team__list {
	list-style: none;
	padding: 0;
	margin: 0 0 var(--flip-space-lg);
}

.fa-schools-team__list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--flip-space-md);
	padding: var(--flip-space-sm) 0;
	border-bottom: 1px solid var(--flip-color-border);
}

.fa-schools-login .fa-schools-team__remove {
	padding: 6px 14px;
	font-size: var(--flip-text-sm);
	font-weight: 600;
	background: transparent;
	color: var(--flip-color-red);
	border-color: var(--flip-color-red);
}

/* Member bar + child-page cards on protected pages (rendered by FA_Schools_Gate::decorate_content) */
.fa-schools-bar {
	display: flex;
	flex-wrap: wrap;
	gap: var(--flip-space-sm) var(--flip-space-lg);
	align-items: center;
	padding: var(--flip-space-md) 0;
	border-bottom: 1px solid var(--flip-color-border);
	font-size: var(--flip-text-sm);
	color: var(--flip-color-text-muted);
}

.fa-schools-bar a {
	color: var(--flip-color-text);
	text-decoration: none;
}

.fa-schools-bar a:hover,
.fa-schools-bar a:focus-visible {
	color: var(--flip-color-red);
}

.fa-schools-bar__logout {
	margin-left: auto;
}

.fa-schools-children {
	padding-bottom: var(--flip-space-xl);
}