/* Polished card look for the whole login form (default WC fields, any
   other login method already on the page, and the Google button all
   sit inside this same card). */
.woocommerce-form-login {
	max-width: 360px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
	padding: 28px 24px;
}

.woocommerce-form-login .form-row {
	margin-bottom: 14px;
}

.woocommerce-form-login input.input-text,
.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="tel"],
.woocommerce-form-login input[type="number"],
.woocommerce-form-login input[type="password"] {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	font-size: 15px;
}

.woocommerce-form-login button[type="submit"],
.woocommerce-form-login .button {
	width: 100%;
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 15px;
}

.woocommerce-form-login.glg-simplified {
	padding-top: 32px;
}

@media (max-width: 400px) {
	.woocommerce-form-login {
		padding: 22px 16px;
		border-radius: 12px;
	}
}

.glg-google-login-wrap {
	margin-top: 20px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.glg-divider {
	display: flex;
	align-items: center;
	text-align: center;
	color: #757575;
	font-size: 13px;
	margin: 16px 0;
}

.glg-divider::before,
.glg-divider::after {
	content: "";
	flex: 1;
	border-bottom: 1px solid #e0e0e0;
}

.glg-divider span {
	padding: 0 10px;
}

.glg-google-btn {
	display: flex;
	justify-content: center;
}

.glg-google-status {
	margin-top: 8px;
	font-size: 13px;
	text-align: center;
	color: #2e7d32;
	min-height: 18px;
}

.glg-google-status--error {
	color: #c62828;
}

.glg-toggle-classic-login {
	display: block;
	text-align: center;
	margin-top: 18px;
	font-size: 12px;
	color: #9ca3af;
	text-decoration: underline;
	cursor: pointer;
}

.glg-toggle-classic-login:hover {
	color: #6b7280;
}

.glg-staff-login-wrap {
	max-width: 360px;
	margin: 40px auto;
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
	padding: 28px 24px;
}

.glg-staff-login-wrap h2 {
	margin-top: 0;
	font-size: 20px;
}

.glg-staff-login-note {
	color: #6b7280;
	font-size: 13px;
	margin-bottom: 20px;
}

.glg-staff-login-wrap #glg-staff-loginform p {
	margin-bottom: 14px;
}

.glg-staff-login-wrap #glg-staff-loginform input[type="text"],
.glg-staff-login-wrap #glg-staff-loginform input[type="password"] {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	font-size: 15px;
}

.glg-staff-login-wrap #glg-staff-loginform input[type="submit"] {
	width: 100%;
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 15px;
	cursor: pointer;
}