/* ===== Shopify B2B Login: layout de dos columnas ===== */

.sbl-magic-wrap {
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 6px;
	background: #fafafa;
}

.sbl-magic-wrap .sbl-magic-error {
	color: #b32d2e;
	margin: 0 0 8px;
	font-size: .92em;
}

.sbl-magic-wrap .sbl-magic-title {
	margin: 0 0 6px;
	font-weight: 600;
}

.sbl-magic-wrap .sbl-magic-desc {
	margin: 0 0 8px;
	font-size: .92em;
}

.sbl-magic-wrap .sbl-magic-field {
	margin: 0 0 8px;
}

.sbl-magic-wrap .sbl-magic-email {
	width: 100%;
	box-sizing: border-box;
}

.sbl-magic-wrap .sbl-magic-actions {
	margin: 0;
}

.sbl-magic-wrap .sbl-magic-status {
	margin-top: 6px;
	font-size: .9em;
}

/* ===== wp-login.php: contenedor centrado de dos columnas ===== */
body.login #login {
	width: 100%;
	max-width: 780px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 28px;
	align-items: start;
}

body.login #login h1 {
	grid-column: 1 / -1;
}

body.login #login .sbl-magic-wrap {
	grid-column: 1;
}

body.login #loginform {
	grid-column: 2;
	margin-top: 0;
}

body.login #login #login_error,
body.login #login .message {
	grid-column: 1 / -1;
}

body.login #login #nav,
body.login #login #backtoblog {
	grid-column: 1 / -1;
}

/* ===== LearnPress (/lp-profile/): login + magic link en 2 columnas ===== */
body .learn-press-form-login {
	max-width: 780px;
	width: 100%;
	margin: 0 auto 60px;
	padding: 40px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 28px;
	align-items: start;
}

body .learn-press-form-login > h3 {
	grid-column: 1 / -1;
	margin-top: 0;
}

body .learn-press-form-login .sbl-magic-wrap {
	grid-column: 1;
}

body .learn-press-form-login form[name="learn-press-login"] {
	grid-column: 2;
	min-width: 0;
}

@media (max-width: 767.98px) {
	body.login #login {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}

	body.login #login h1 {
		order: 1;
	}

	body.login #login #login_error,
	body.login #login .message {
		order: 2;
	}

	body.login #login #loginform {
		order: 3;
	}

	body.login #login .sbl-magic-wrap {
		order: 4;
	}

	body.login #login #nav,
	body.login #login #backtoblog {
		order: 5;
	}

	body .learn-press-form-login {
		display: flex;
		flex-direction: column;
		gap: 24px;
		padding: 24px;
	}

	body .learn-press-form-login > h3 {
		order: 1;
	}

	body .learn-press-form-login form[name="learn-press-login"] {
		order: 2;
	}

	body .learn-press-form-login .sbl-magic-wrap {
		order: 3;
	}
}