/* =================================================================
   BLOG — vyhledávání, filtr kategorií, stránkování (/blog)
   ================================================================= */

.blog-toolbar {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-block: 20px;
}

.blog-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-block-start: 24px;
}

/* .tile-grid/.pagination/.blog-categories set their own "display", takže by
   přebily výchozí [hidden]{display:none} z UA stylesheetu — vynutit skrytí
   explicitně (JS v blog.js přepíná viditelnost přes atribut hidden). */
#blog-grid[hidden],
#blog-pagination[hidden],
.blog-categories[hidden] {
    display: none;
}