/**
 * Widget: blog|archive-category
 * Griglia card articoli (2 per riga desktop, 1 mobile) + paginazione.
 * Le card usano il component news-card.
 */

.blog-archive-category { display: block; }
.blog-archive-category .blog-archive-category-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 36px);
}
.blog-archive-category .blog-archive-category-empty { color: var(--website-color-txt-body, #4D5359); font-size: 1.05rem; }

/* Paginazione (output di bs5Pagination) */
.blog-archive-category .blog-archive-category-pagination { margin-top: clamp(32px, 5vw, 48px); }
.blog-archive-category .website-pagination {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
}
.blog-archive-category .website-page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    background: rgba(44, 46, 53, 0.10);
    color: var(--website-color-txt-title, #3D3D3D);
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
.blog-archive-category .website-page-link:hover, .blog-archive-category .website-page-item.active .website-page-link {
    background: #2C2E35;
    color: var(--website-color-white, #fff);
}

@media (max-width: 767.98px) {
    .blog-archive-category .blog-archive-category-grid{ grid-template-columns: 1fr; }
}