/* block-latest_cases styles */

/* ── Grid layout ───────────────────────── */

.block-latest-cases .items.wrap:not(.latest-cases__single_case) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(8px, 16 * 100vw / 1920, 16px);
    row-gap: clamp(28px, 84 * 100vw / 1920, 84px);
}

.block-latest-cases .items.wrap:not(:last-child) {
    margin-bottom: clamp(28px, 84 * 100vw / 1920, 84px);
}

.block-latest-cases .items.wrap.lists:empty,
.block-latest-cases:has(.cases-load-more.remove) .items.wrap,
.block-latest-cases:not(:has(.cases-view-all-link)) .items.wrap {
    margin-bottom: 0;
}

/* ── Load more / view all ──────────────── */

.block-latest-cases .load-more {
    display: flex;
    justify-content: flex-start;
}

.block-latest-cases .load-more:has(.remove) {
    display: none;
}

.block-latest-cases .load-more a,
.block-latest-cases .cases-view-all-link a {
    text-align: left;
}

.block-latest-cases .cases-view-all-link a {
    text-transform: uppercase;
}

/* ── Dark background overrides ─────────── */

.block-latest-cases.black_bg .load-more a,
.block-latest-cases.black_bg .cases-view-all-link a {
    color: #fff;
}

/* ── Responsive ────────────────────────── */

@media (max-width: 1024px) {
    .block-latest-cases .items.wrap:not(.latest-cases__single_case) {
        grid-template-columns: repeat(1, 1fr);
    }

    .block-latest-cases .list-posts {
        width: 100%;
        flex: none;
    }
}
