/**
 * Shop price updater styles
 * Loading and update animations for real-time price changes
 */

/* Loading state */
.wgl-price-loading {
	position: relative;
	opacity: 0.5;
	pointer-events: none;
}

.wgl-price-loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	border: 2px solid #f3f3f3;
	border-top: 2px solid #3498db;
	border-radius: 50%;
	animation: wgl-spin 0.8s linear infinite;
}

@keyframes wgl-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Update animation */
.wgl-price-updated {
	animation: wgl-price-pulse 0.6s ease-in-out;
}

@keyframes wgl-price-pulse {
	0% {
		transform: scale(1);
		background-color: transparent;
	}
	50% {
		transform: scale(1.05);
		background-color: rgba(76, 175, 80, 0.1);
	}
	100% {
		transform: scale(1);
		background-color: transparent;
	}
}

/* Price highlight */
.wgl-price-updated .amount {
	color: #4CAF50;
	font-weight: 600;
	transition: color 0.3s ease;
}