/* Prisijungimas ir registracija vienoje formoje (MasterStyle) */

.ms-login {
	--ms-login-border: rgba(0, 0, 0, .12);
	--ms-login-muted: rgba(0, 0, 0, .6);
	max-width: 560px;
	margin: 0 auto 28px;
}

/* ---------- Profesionalams skirtas blokas virš formos ---------- */

.ms-login__pro {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-bottom: 28px;
	padding: 22px 24px;
	border: 1px solid var(--ms-login-border);
	border-radius: 10px;
	background: rgba(0, 0, 0, .02);
}

.ms-login__pro-text {
	flex: 1 1 260px;
	min-width: 0;
}

.ms-login__pro-lead {
	margin: 0 0 8px;
	font-size: 15px;
	line-height: 1.5;
}

.ms-login__pro-note {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--ms-login-muted);
}

.ms-login .ms-login__pro-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	height: 46px;
	margin: 0;
	padding: 0 26px;
	border-radius: 999px;
	font-size: 14px;
	line-height: 1;
	white-space: nowrap;
}

/* ---------- Perjungiklis ---------- */

.ms-login__tabs {
	display: flex;
	gap: 4px;
	padding: 4px;
	border: 1px solid var(--ms-login-border);
	border-radius: 999px;
}

.ms-login .ms-login__tab {
	flex: 1 1 50%;
	height: 44px;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: inherit;
	font-size: 15px;
	line-height: 1;
	box-shadow: none;
	cursor: pointer;
	transition: background .2s, color .2s;
}

.ms-login .ms-login__tab.is-active {
	background: var(--ms-login-accent, #1f1f1f);
	color: var(--ms-login-accent-text, #fff);
}

/* ---------- WooCommerce formos į vieną stulpelį ---------- */

#customer_login {
	max-width: 560px;
	margin: 0 auto;
}

#customer_login .u-column1,
#customer_login .u-column2 {
	float: none;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

/* Skirtukai atstoja antraštes „Prisijungti“ / „Registruotis“. */
#customer_login .u-column1 > h2,
#customer_login .u-column2 > h2 {
	display: none;
}

#customer_login .woocommerce-form {
	margin: 0;
	padding: 28px;
	border: 1px solid var(--ms-login-border, rgba(0, 0, 0, .12));
	border-top: 0;
	border-radius: 0 0 10px 10px;
}

/* Kol JS neužsikrovė, rodoma tik prisijungimo dalis – be blyksnio. */
.ms-login-js #customer_login .u-column2 {
	display: none;
}

.ms-login-js #customer_login.ms-login-show-register .u-column1 {
	display: none;
}

.ms-login-js #customer_login.ms-login-show-register .u-column2 {
	display: block;
}

@media (max-width: 600px) {
	.ms-login__pro {
		padding: 18px;
	}

	.ms-login .ms-login__pro-btn {
		flex: 1 1 100%;
	}

	#customer_login .woocommerce-form {
		padding: 20px;
	}
}