@import url("../darkroom_cards/view.css");

/*
 * Latest Photos-style grid: up to three equally wide cards per row.
 * A list containing only one or two cards uses the full available width.
 */
.dm-page-list--cards .dm-page-list__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dm-page-list--cards .dm-page-list__grid:has(> .dm-page-list__card:only-child) {
    grid-template-columns: minmax(0, 1fr);
}

.dm-page-list--cards .dm-page-list__grid:has(> .dm-page-list__card:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 900px) {
    .dm-page-list--cards .dm-page-list__grid,
    .dm-page-list--cards .dm-page-list__grid:has(> .dm-page-list__card:nth-child(2):last-child) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .dm-page-list--cards .dm-page-list__grid,
    .dm-page-list--cards .dm-page-list__grid:has(> .dm-page-list__card:nth-child(2):last-child) {
        grid-template-columns: minmax(0, 1fr);
    }
}