/* Shared mobile cards for Classic and Hyva lists, categories and widgets. */
@media (max-width: 767px) {
    .blog-toolbar .pager {
        flex-wrap: wrap;
        gap: 12px;
        max-width: 100%;
    }

    :is(.blog-post-list, .blog-category-view, .blog-widget-post-list) :is(.posts-grid, .grid) {
        grid-template-columns: minmax(0, 1fr);
    }

    :is(.blog-post-list, .blog-category-view, .blog-widget-post-list, .blog-widget-carousel) :is(.post-item, .ca-blog-carousel-item, .ca-blog-card) {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        min-width: 0;
        overflow: hidden;
    }

    :is(.blog-post-list, .blog-category-view, .blog-widget-post-list, .blog-widget-carousel) :is(.post-item, .ca-blog-carousel-item, .ca-blog-card) > :is(.post-image, .ca-blog-card-image) {
        position: relative;
        flex: 0 0 34%;
        width: 34%;
        min-height: 120px;
        height: auto;
        overflow: hidden;
        border-radius: 0;
    }

    :is(.post-item, .ca-blog-carousel-item, .ca-blog-card) > :is(.post-image, .ca-blog-card-image) > a {
        display: block;
        height: 100%;
    }

    :is(.blog-post-list, .blog-category-view, .blog-widget-post-list, .blog-widget-carousel) :is(.post-image, .ca-blog-card-image) img {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: cover;
    }

    :is(.blog-post-list, .blog-category-view, .blog-widget-post-list, .blog-widget-carousel) :is(.post-content, .ca-blog-card-content) {
        flex: 1 1 0%;
        min-width: 0;
        padding: 10px;
        text-align: left;
        overflow-wrap: anywhere;
    }

    :is(.blog-post-list, .blog-category-view, .blog-widget-post-list, .blog-widget-carousel) :is(.post-content, .ca-blog-card-content) > :is(h2, h3) {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal;
        overflow: hidden;
        font-size: 15px;
        line-height: 1.4;
        margin: 0 0 6px;
    }

    :is(.blog-post-list, .blog-category-view, .blog-widget-post-list, .blog-widget-carousel) :is(.post-meta, .ca-blog-card-content > div) {
        font-size: 11px;
        line-height: 1.5;
        gap: 4px;
        margin-bottom: 6px;
    }

    :is(.blog-post-list, .blog-category-view, .blog-widget-post-list, .blog-widget-carousel) :is(.post-summary, .ca-blog-card-content > p) {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        flex-grow: 0;
        font-size: 13px;
        line-height: 1.5;
        margin: 0;
    }
}