/* Virtual Scrolling System Styles */

/* Virtual scrolling container */
.virtual-scroll-container {
  overflow: visible;
  width: 100%;
}

.virtual-scroll-spacer {
  width: 100%;
}

.virtual-scroll-viewport {
  width: 100%;
}

.virtual-scroll-item {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2.5rem;
}

.virtual-scroll-item.recycled {
  visibility: hidden;
  pointer-events: none;
}

/* Ensure feed posts work properly within virtual scroll */
.virtual-scroll-item .feed-post {
  width: 100%;
  margin: 0; /* Remove any default margins */
}

/* Additional virtual scroll utility classes */
.virtual-scroll-item.visible {
  display: block;
}

.virtual-scroll-item.hidden {
  display: none;
}

.virtual-scroll-item.loading {
  opacity: 0.5;
  pointer-events: none;
}