/**
 * Elementor Posts Widget – AJAX Pagination styles
 *
 * @package HelloElementorChild
 */

/* Loading overlay on the widget */
.elementor-widget-posts.taf-ajax-posts-loading {
	position: relative;
}

.elementor-widget-posts.taf-ajax-posts-loading::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.65);
	z-index: 10;
	pointer-events: none;
}

.elementor-widget-posts.taf-ajax-posts-loading::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px;
	border: 3px solid #e0e0e0;
	border-top-color: #289e19;
	border-radius: 50%;
	animation: taf-ajax-posts-spin 0.7s linear infinite;
	z-index: 11;
}

@keyframes taf-ajax-posts-spin {
	to {
		transform: rotate(360deg);
	}
}

.elementor-widget-posts.taf-ajax-posts-loading .elementor-posts-container {
	opacity: 0.5;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

/* Error and empty states */
.taf-ajax-posts-error,
.taf-ajax-posts-empty {
	padding: 20px;
	text-align: center;
	color: #666;
}

.taf-ajax-posts-error {
	color: #c0392b;
}