/**
 * Blog Filters CSS
 * Ensures AJAX-loaded content is visible
 */

/* Ensure blog items are visible after AJAX load */
#pix-blog-ajax-container .card,
#pix-blog-ajax-container .grid-item,
#pix-blog-ajax-container [class*="col-"] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Filter UI styling */
.pix-blog-filters {
    margin-bottom: 30px;
}

.pix-blog-filters .form-control {
    height: 45px;
}

.pix-blog-filters .btn {
    height: 45px;
}

/* Loading state */
#pix-blog-ajax-container.loading {
    opacity: 0.5;
    pointer-events: none;
}