/* ==========================================================================
   Pattern: Course List V1
   Centred heading, a course category filter and a grid of course cards on
   the soft grey ground. The query loop carries the blog-listing-v1 class so
   it inherits that pattern's filter pills, grid and pagination
   (blog-listing-v1.css); the cards are the shared image cards
   (taxonomy-article-category.css). Only the differences live here.
   ========================================================================== */

.forge-course-list-v1 {
    background-color: #EEEDF1;
}

/* Filter pills: outlined on the grey ground, as in the design. */
.forge-course-list-v1 .forge-query-filter li a {
    border-color: var(--wp--preset--color--background-alt);
}

.forge-course-list-v1 .forge-query-filter li a.forge-filter-link--active,
.forge-course-list-v1 .forge-query-filter li a:hover,
.forge-course-list-v1 .forge-query-filter li a:focus-visible {
    border-color: var(--wp--preset--color--primary);
}

/* Cards: the blog listing's own card rules would size the pills and the
   image; the shared card styles win here. */
.forge-course-list-v1 .forge-loop-item {
    align-items: stretch;
}

/* Pagination only appears once there are more courses than fit a page. */
.forge-course-list-v1 .forge-query-pagination:empty {
    display: none;
}