/**
 * Frontend Styles for WPCN Connect Account
 */

.wpcn-email-check-box {
	margin: 12px 0 16px 0;
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.5;
	transition: all 0.25s ease-in-out;
}

.wpcn-email-check-box.wpcn-status-found {
	background: #f0fdf4;
	border: 1px solid #86efac;
	color: #166534;
}

.wpcn-email-check-box.wpcn-status-exists {
	background: #eff6ff;
	border: 1px solid #93c5fd;
	color: #1e40af;
}

.wpcn-email-check-box.wpcn-status-loading {
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	color: #64748b;
}

.wpcn-check-inner {
	display: flex;
	align-items: center;
	gap: 10px;
}

.wpcn-spinner {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid #94a3b8;
	border-top-color: #3b82f6;
	border-radius: 50%;
	animation: wpcn-spin 0.8s linear infinite;
	flex-shrink: 0;
}

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

.wpcn-message-content {
	flex-grow: 1;
}

/* My Account Welcome Banner */
.woocommerce-message.wpcn-account-connected-banner {
	background: #ecfdf5 !important;
	border-top: 3px solid #10b981 !important;
	border-radius: 8px !important;
	padding: 18px 20px !important;
	margin-bottom: 25px !important;
	box-shadow: 0 2px 8px rgba(16, 185, 129, 0.08);
}

.woocommerce-message.wpcn-account-connected-banner::before {
	display: none !important;
}

.wpcn-banner-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.wpcn-banner-icon {
	color: #10b981;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d1fae5;
	border-radius: 50%;
	width: 44px;
	height: 44px;
}

.wpcn-banner-body {
	flex-grow: 1;
}

.wpcn-banner-title {
	margin: 0 0 6px 0 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	color: #065f46 !important;
}

.wpcn-banner-desc {
	margin: 0 !important;
	font-size: 14px !important;
	color: #047857 !important;
	line-height: 1.5 !important;
}