@media (max-width: 768px) {
    .mercredis-cards {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .mercredis-themes {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .mercredis-wrap {
        padding: 24px !important;
    }

    .mercredis-themes-wrap {
        padding: 24px !important;
    }
}

/* Sur les petits écrans, les vignettes en 2 colonnes deviennent étroites et
   les libellés partent sur 4 lignes. On récupère de la largeur en rognant le
   padding horizontal du cadre et celui des vignettes (le padding vertical,
   lui, est conservé pour garder de l'air). */
@media (max-width: 480px) {
    .mercredis-themes-wrap {
        padding: 24px 12px !important;
    }

    .mercredis-themes > div {
        padding: 16px 10px !important;
    }
}