/* Archive Page Styles */

/* View Switcher Buttons */
.grid-view-btn,
.list-view-btn {
    @apply p-2 text-gray-400 hover:text-primary transition-colors;
}

.grid-view-btn.active,
.list-view-btn.active {
    @apply text-primary;
}

/* List View Styles */
.posts-grid.list-view {
    @apply grid-cols-1;
}

.posts-grid.list-view article {
    @apply flex flex-col md:flex-row;
}

.posts-grid.list-view article .aspect-video {
    @apply md:w-1/3 md:aspect-auto;
}

.posts-grid.list-view article .p-6 {
    @apply md:w-2/3;
}

/* Pagination Styles */
.pagination {
    @apply flex justify-center gap-2 mt-12;
}

.pagination .page-numbers {
    @apply inline-flex items-center justify-center w-10 h-10 rounded-lg border border-gray-300 text-gray-600 hover:border-primary hover:text-primary transition-colors;
}

.pagination .page-numbers.current {
    @apply bg-primary border-primary text-white;
}

.pagination .prev,
.pagination .next {
    @apply w-auto px-4;
}

/* Empty State */
.no-results {
    @apply text-center py-12;
}

/* Archive Header */
.archive-title {
    @apply text-4xl md:text-5xl font-bold mb-4;
}

.archive-description {
    @apply prose prose-lg mx-auto;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .posts-grid.list-view article {
        @apply flex-col;
    }

    .posts-grid.list-view article .aspect-video,
    .posts-grid.list-view article .p-6 {
        @apply w-full;
    }
}