/*
 * Styles personnalisés du site.
 * Chargé APRÈS Bootstrap (voir l'ordre des imports dans app.js) afin de pouvoir
 * surcharger ses styles au besoin. La police Inter est préchargée dans base.html.twig.
 */
body {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

body > #main-content { flex: 1 0 auto; }
body > .tm-header, body > .tm-footer { flex-shrink: 0; }
.ld-events { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 991.98px) { .ld-events { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .ld-events { grid-template-columns: 1fr; } }