/* WC Two-Step Login */

#wctl-message {
	padding: .75em 1em;
	border-radius: 4px;
	margin-bottom: 1em;
	display: none;
}

#wctl-login-error {
	padding: .75em 1em;
	border-radius: 4px;
	margin-bottom: 1em;
}

#wctl-message.wctl-error,
#wctl-login-error.wctl-error {
	background: #fef2f2;
	border-left: 4px solid #dc2626;
	color: #991b1b;
}

#wctl-message.wctl-success {
	background: #f0fdf4;
	border-left: 4px solid #16a34a;
	color: #166534;
}

.wctl-spinner {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 8px;
	border: 2px solid rgba(255,255,255,.4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: wctl-spin .7s linear infinite;
	vertical-align: middle;
}

@keyframes wctl-spin {
	to { transform: rotate(360deg); }
}

.wctl-password-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: .5em;
}

#wctl_email[readonly] {
	background: #f9f9f9;
	color: #555;
	cursor: not-allowed;
}