/* User Registration & Login Add-On - Frontend Login Form
 *
 * Custom properties (--afb-login-*) carry the appearance settings chosen on
 * the add-on settings page; every value falls back to the default theme.
 */

.afb-login-form {
	max-width: 400px;
	padding: 24px;
	background: var(--afb-login-background, #fff);
	border: 1px solid #dcdcde;
	border-radius: var(--afb-login-radius, 8px);
	box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
	color: var(--afb-login-text, #1d2327);
}

.afb-login-form p {
	margin: 0 0 16px;
}

.afb-login-form label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	color: var(--afb-login-text, #1d2327);
	font-size: 14px;
}

.afb-login-form input[type="text"],
.afb-login-form input[type="password"] {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #dcdcde;
	border-radius: var(--afb-login-field-radius, 4px);
	font-size: 14px;
	box-sizing: border-box;
}

.afb-login-form input[type="text"]:focus,
.afb-login-form input[type="password"]:focus {
	border-color: var(--afb-login-accent, #2271b1);
	outline: 2px solid transparent;
	box-shadow: 0 0 0 1px var(--afb-login-accent, #2271b1);
}

.afb-login-form .login-remember label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 400;
	margin-bottom: 0;
}

.afb-login-form .login-submit {
	margin-bottom: 0;
}

.afb-login-form .afb-login-submit {
	display: inline-block;
	padding: 10px 20px;
	background: var(--afb-login-button, #2271b1);
	color: var(--afb-login-button-text, #fff);
	border: none;
	border-radius: var(--afb-login-field-radius, 4px);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: opacity 0.2s;
}

.afb-login-form .afb-login-submit:hover {
	opacity: 0.85;
}

.afb-login-intro {
	font-size: 14px;
}

.afb-login-notice,
.afb-login-error {
	padding: 10px 14px;
	margin: 0 0 16px;
	border-radius: var(--afb-login-field-radius, 4px);
	font-size: 14px;
}

.afb-login-notice {
	background: #edfaef;
	border: 1px solid #00a32a;
	color: #1d2327;
}

.afb-login-error {
	background: #fcf0f1;
	border: 1px solid #d63638;
	color: #1d2327;
}

.afb-login-lost-password {
	margin: 12px 0 0;
	font-size: 13px;
}

.afb-login-lost-password a {
	color: var(--afb-login-link, #2271b1);
	text-decoration: none;
}

.afb-login-lost-password a:hover {
	text-decoration: underline;
}

.afb-login-logged-in {
	text-align: center;
}

.afb-login-logged-in-message {
	color: var(--afb-login-text, #1d2327);
}

.afb-login-logout-link {
	display: inline-block;
	padding: 8px 18px;
	background: transparent;
	color: var(--afb-login-link, #2271b1);
	border: 1px solid var(--afb-login-link, #2271b1);
	border-radius: var(--afb-login-field-radius, 4px);
	text-decoration: none;
	font-size: 14px;
	transition: all 0.2s;
}

.afb-login-logout-link:hover {
	background: var(--afb-login-link, #2271b1);
	color: #fff;
}