/* Zark List Thumb Fix 1.0.2
   The theme (post-layout one/two) absolutely positions .post-categories at
   the bottom-left of list thumbnails. On phone-width thumbs (~120px) two or
   three chips wrap and bury most of the photo. In list/archive views only,
   stack the figure vertically and let the chips flow in a row UNDER the
   thumbnail. Single-post heroes (.post-thumbnail) are untouched.
   1.0.1: a site inline rule (.post-thumb-wrap { aspect-ratio:3/2 !important;
   overflow:hidden !important } with img height:100%) locked the figure's
   height and clipped the under-thumbnail chip row to a sliver — release the
   figure's height/overflow and the img's forced height in list context. */

body.post-layout--one #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap,
body.post-layout--two #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap {
    display: flex;
    flex-direction: column;
    aspect-ratio: auto !important;
    overflow: visible !important;
    height: auto !important;
}

body.post-layout--one #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap img,
body.post-layout--two #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap img {
    height: auto !important;
}

body.post-layout--one #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap .post-categories,
body.post-layout--two #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap .post-categories {
    position: static;
    order: 2;
    margin: 5px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

/* 1.0.2 (publisher-approved polish): compact chips in list view so the
   under-thumbnail row stays short even with three categories. */
body.post-layout--one #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap .post-categories li,
body.post-layout--two #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap .post-categories li {
    margin: 0;
    padding: 3px 6px 4px;
    line-height: 1.15;
}

body.post-layout--one #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap .post-categories li a,
body.post-layout--two #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap .post-categories li a {
    font-size: 10px;
    letter-spacing: 0.02em;
}

body.post-layout--one #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap .post-categories li,
body.post-layout--two #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap .post-categories li {
    margin: 0;
}