/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Loading state for lowest price */
.najnizacijena30dana.codeart-loading {
	opacity: 0.6;
	transition: opacity 0.3s ease;
}

.najnizacijena30dana.codeart-loading .description {
	font-style: italic;
	color: #666;
}

/* Animated loading dots */
.codeart-loading-dots {
	display: inline-block;
	animation: codeart-dots 1.4s ease-in-out infinite;
}

@keyframes codeart-dots {
	0%, 80%, 100% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
}

/* Optional: Add a subtle pulse to the loading text */
@keyframes codeart-pulse {
	0%, 100% { opacity: 0.6; }
	50% { opacity: 1; }
}

.najnizacijena30dana.codeart-loading .description {
	animation: codeart-pulse 1.5s ease-in-out infinite;
}