/* ---------------------------
   Infinite Scroll Loading
---------------------------- */
.infinite-scroll-loading {
  text-align: center;
  padding: 40px 20px;
  color: var(--muted);
}

.loading-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid var(--border);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  margin: 0 auto 12px;
}

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

.infinite-scroll-loading p {
  margin: 0;
  font-size: 14px;
  color: var(--muted);
}

.infinite-scroll-end {
  text-align: center;
  padding: 40px 20px;
  color: var(--muted);
  font-size: 14px;
}