/**
 * WooCommerce Abandoned Cart Webhook - Checkout Styles
 */

/* Notification styles */
.wc-acw-notification {
	position: fixed;
	top: 20px;
	right: 20px;
	padding: 15px 20px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	z-index: 9999;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	animation: slideInRight 0.3s ease-out;
}

.wc-acw-notification.wc-acw-success {
	background-color: #28a745;
	color: #fff;
	border-left: 4px solid #1e7e34;
}

.wc-acw-notification.wc-acw-error {
	background-color: #dc3545;
	color: #fff;
	border-left: 4px solid #c82333;
}

/* Animation */
@keyframes slideInRight {
	from {
		opacity: 0;
		transform: translateX(100px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* Mobile responsiveness */
@media (max-width: 768px) {
	.wc-acw-notification {
		top: 10px;
		right: 10px;
		left: 10px;
		width: auto;
		margin: 0;
	}
}

/* Loading indicator for checkout fields */
.wc-acw-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Success checkmark */
.wc-acw-field-success {
	border-color: #28a745 !important;
}

.wc-acw-field-success::after {
	content: '✓';
	color: #28a745;
	font-weight: bold;
}