/* Post Scroll Container Styles */
.post-scroll-container {
  max-height: 800px;
  overflow-y: auto;
  margin-bottom: 20px;
}

.post-scroll-container::-webkit-scrollbar {
  width: 6px;
}

.post-scroll-container::-webkit-scrollbar-track {
  background: var(--bg-color);
  border-radius: 10px;
}

.post-scroll-container::-webkit-scrollbar-thumb {
  background: var(--pink);
  border-radius: 10px;
}

.post-scroll-container::-webkit-scrollbar-thumb:hover {
  background: var(--lavender);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .post-scroll-container {
    max-height: 600px; /* Slightly smaller height for mobile */
  }
}

@media (max-width: 768px) {
  .post-scroll-container {
    max-height: 500px; /* Adjust height for smaller screens */
  }
}

/* Smooth scrolling for better user experience */
.post-scroll-container {
  scroll-behavior: smooth;
}

/* Custom scrollbar for Firefox */
.post-scroll-container {
  scrollbar-width: thin;
  scrollbar-color: var(--pink) var(--bg-color);
}