/**
 * Sisu Marketplace — Auth (verify pending + auth-page-only tweaks).
 *
 * The .sisu-modal* base (overlay, container, close, title, footer,
 * messages, body.sisu-modal-open) now lives in assets/sisu-common.css.
 * Colors, fonts, form styles come from the theme.
 */

/* ─── EMAIL VERIFICATION PENDING ─── */

.sisu-verify-pending {
	text-align: center;
	max-width: 480px;
	margin: 0 auto;
	padding: 40px 0;
}

.sisu-verify-pending__icon {
	color: var(--sisu-primary);
	margin-bottom: 24px;
}

.sisu-verify-pending__title {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 16px;
	color: var(--sisu-secondary);
}

.sisu-verify-pending__text {
	font-size: 15px;
	line-height: 1.6;
	color: var(--sisu-text);
	margin: 0 0 8px;
}

.sisu-verify-pending__text--muted {
	color: var(--sisu-text-light);
	font-size: 14px;
}

.sisu-verify-pending__resend {
	margin: 32px 0;
	padding: 24px;
	background: var(--sisu-bg-light);
	border-radius: 8px;
}

.sisu-verify-pending__resend .sisu-btn {
	margin-top: 12px;
}

.sisu-verify-pending__messages {
	margin-top: 12px;
	font-size: 14px;
}

.sisu-verify-pending__messages--success {
	color: var(--sisu-success);
}

.sisu-verify-pending__messages--error {
	color: var(--sisu-error);
}

.sisu-verify-pending__support {
	margin-top: 24px;
}

.sisu-verify-pending__support a {
	color: var(--sisu-primary);
	text-decoration: underline;
}

/* ─── REGISTRATION: LIVE PASSWORD RULES ─── */

.sisu-form__password-rules {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.7;
	color: var(--sisu-text-light);
}

.sisu-form__password-rules li {
	position: relative;
	padding-left: 22px;
}

.sisu-form__password-rules li::before {
	content: '○';
	position: absolute;
	left: 0;
	color: var(--sisu-text-light);
}

.sisu-form__password-rules li.is-valid {
	color: var(--sisu-success);
}

.sisu-form__password-rules li.is-valid::before {
	content: '✓';
	color: var(--sisu-success);
}

.sisu-form__password-rules li.is-invalid {
	color: var(--sisu-error);
}

.sisu-form__password-rules li.is-invalid::before {
	content: '✗';
	color: var(--sisu-error);
}