/*
 * Self-contained styles for inline registration validation. The register page
 * has NO CIS chrome (no .sch-light wrapper), so nothing here depends on portal
 * CSS or tokens. Site visual language matched by hand: Rajdhani, teal focus,
 * red error. ALL inks are dark (navy/red/grey) — no light text, so the page
 * needs no dark background and the light-ink checker stays clean.
 */

.sch-reg-error {
	font-family: 'Rajdhani', system-ui, sans-serif;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #b91c1c !important; /* beat BuddyBoss #buddypress theme rules that repaint it grey */
	margin: 5px 0 2px !important;
	line-height: 1.3 !important;
}
.sch-reg-error:empty { display: none; }

/* One-click "Fix to \u201c…\u201d" button inside the nickname error (teal CTA). */
.sch-reg-fix {
	display: inline-block;
	margin: 6px 0 0;
	padding: 5px 12px;
	font-family: 'Rajdhani', system-ui, sans-serif;
	font-size: 12.5px;
	font-weight: 700;
	color: #fff;
	background: #227F77;
	border: 0;
	border-radius: 7px;
	cursor: pointer;
	line-height: 1.2;
}
.sch-reg-fix:hover { background: #1c6e67; }

/* Invalid field state — red border + soft red glow (border/shadow only). */
input.sch-reg-invalid,
select.sch-reg-invalid,
textarea.sch-reg-invalid {
	border-color: #ef4444 !important;
	box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.18) !important;
}

/* Teal focus to match the site — applied only to signup inputs on this page. */
#signup-form input:focus,
#buddypress #signup-form input:focus,
.bp-registration input:focus {
	border-color: #227F77;
	box-shadow: 0 0 0 2px rgba(34, 127, 119, 0.18);
	outline: none;
}

/* Top-of-form summary (block-on-click). Soft red alert; dark ink. */
.sch-reg-invalid + .sch-reg-error,
.sch-reg-error[role="alert"] {
	background: #fef2f2;
	border: 1px solid rgba(239, 68, 68, 0.35);
	border-radius: 6px;
	padding: 5px 9px;
}

.sch-reg-summary {
	font-family: 'Rajdhani', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #991b1b;
	background: #fef2f2;
	border: 1px solid rgba(239, 68, 68, 0.45);
	border-radius: 8px;
	padding: 10px 14px;
	margin: 0 0 16px;
}