/**
 * Pagination / Infinite scroll styling.
 *
 * @package Hexco_Occasions
 */

/* Loader */
.occasions-loader {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 40px 20px;
	color: var(--color-text-muted, #6b7280);
	font-size: 14px;
}

.loader-spinner {
	width: 24px;
	height: 24px;
	border: 3px solid var(--color-border, #e5e7eb);
	border-top-color: var(--color-primary, #2563eb);
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

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

/* Load more button */
.occasions-loadmore {
	display: flex;
	justify-content: center;
	padding: 40px 20px;
}

.occasions-loadmore .btn {
	min-width: 200px;
}

.occasions-loadmore .btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Sentinel voor infinite scroll */
.occasions-sentinel {
	height: 1px;
	width: 100%;
}

/* Fade-in animatie voor nieuwe cards */
.vehicle-card.fade-in {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.vehicle-card.fade-in.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* End of results message */
.occasions-end {
	text-align: center;
	padding: 30px 20px;
	color: var(--color-text-muted, #6b7280);
	font-size: 14px;
}