/* Zgodność szablonu (2015) z układami wprowadzonymi w Joomla 4+.
   Szablon powstał dla Joomla 3, gdzie widok blogu budowany był tabelą klas
   .items-row/.cols-2. Joomla 4+ generuje .blog-items.masonry-N — poniższe
   reguły odtwarzają dotychczasowy układ dwukolumnowy i rozmiary miniatur. */

/* --- Blog: siatka wpisów --- */
.com-content-category-blog__items.masonry-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 10px;
}

.com-content-category-blog__items.items-leading {
    display: block;
}

.com-content-category-blog__item {
    min-width: 0; /* pozwala tekstowi łamać się wewnątrz kolumny siatki */
}

/* --- Miniatury wpisów: dawniej opływane tekstem, nie na całą szerokość --- */
.com-content-category-blog__item figure,
.com-content-category-blog__item .item-image {
    float: left;
    margin: 4px 15px 8px 0;
    max-width: 200px;
}

.com-content-category-blog__item figure img,
.com-content-category-blog__item .item-image img {
    max-width: 100%;
    height: auto;
}

.com-content-category-blog__item::after {
    content: "";
    display: block;
    clear: both;
}

/* Wpis wiodący ma więcej miejsca, więc i większą miniaturę */
.items-leading .com-content-category-blog__item figure,
.items-leading .com-content-category-blog__item .item-image {
    max-width: 260px;
}

/* --- Paginacja --- */
.com-content-category-blog__pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding-left: 0;
    justify-content: center;
}

/* --- Widok jednokolumnowy na wąskich ekranach --- */
@media (max-width: 767px) {
    .com-content-category-blog__items.masonry-2 {
        grid-template-columns: minmax(0, 1fr);
    }
    .com-content-category-blog__item figure,
    .com-content-category-blog__item .item-image {
        float: none;
        max-width: 100%;
        margin: 0 0 10px;
    }
}