/*
 * Compacte agenda-indeling voor de homepage en de volledige agendapagina.
 * Dit bestand staat bewust in de hoofdmap van httpdocs, zodat het niet
 * afhankelijk is van een achtergebleven /staging-site/ assets-map.
 */

@media (min-width: 761px) {
    #live-optredens.home-agenda--centered .event-list--compact .event-row {
        grid-template-columns: 68px minmax(280px, 420px) 110px !important;
        justify-content: center !important;
        column-gap: clamp(1.25rem, 2vw, 2rem) !important;
    }

    #live-optredens.home-agenda--centered .event-list--compact .event-row__main {
        width: 100% !important;
        min-width: 0 !important;
        justify-self: start !important;
    }

    #live-optredens.home-agenda--centered .event-list--compact .event-row__meta {
        width: auto !important;
        justify-self: start !important;
        text-align: left !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 760px) {
    #live-optredens.home-agenda--centered .event-list--compact .event-row {
        grid-template-columns: 56px minmax(0, 1fr) !important;
        column-gap: .85rem !important;
    }

    #live-optredens.home-agenda--centered .event-list--compact .event-row__meta {
        grid-column: 2 !important;
        justify-self: start !important;
        text-align: left !important;
    }
}