/*
 * Posts block (recrute) — overrides du wrapper parent `components/posts`.
 *
 * La sidebar gauche n'existe plus en desktop (les filtres sont intégrés dans
 * la posts-bar). On passe donc `c-posts__content` en flex column pour ne
 * plus réserver de colonne sidebar, et on augmente la grille à 4 cartes
 * en grid view.
 *
 * La classe `c-posts--inline-filters` est posée par le block recrute sur
 * l'élément `<c-posts>` (via attrs.class). Le block jobs ne la pose pas,
 * donc sa sidebar desktop reste intacte.
 *
 * NB : ce fichier est servi tel quel au navigateur (pas de PostCSS), d'où
 * les media queries en `min-width: Xem` au lieu des custom media du parent.
 */

@media (min-width: 48em) {
    .c-posts--inline-filters .c-posts__content {
        display: flex;
        flex-flow: column;
        gap: calc(40/16*1rem);
    }
    .c-posts--inline-filters .c-posts__grid,
    .c-posts--inline-filters .c-posts__pagination {
        grid-column: auto;
    }
    .c-posts--inline-filters .c-posts__grid[data-cards-view="grid"] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 65em) {
    .c-posts--inline-filters .c-posts__grid[data-cards-view="grid"] {
        grid-template-columns: repeat(4, 1fr);
    }
}