/*
 * archive.css — archieven en het berichtenarchief.
 *
 * Draait op een categorie-, tag-, auteur- of datumarchief, en via de alias in
 * samitAssets ook op index.php. Het blogoverzicht op /blog/ heeft zijn eigen
 * template en eigen stylesheet (home.php en home.css): daar staat een uitgelicht
 * artikel, een zoekveld en een omschakelaar, en dat hoort niet op elk archief.
 *
 * De berichtkaarten, de paginering en de "niets gevonden"-melding staan niet
 * hier maar in inc/css/onderdelen/: die worden met home.css en met de
 * zoekresultatenpagina gedeeld. Wat hier staat, is wat alleen een archief heeft.
 *
 * Het labeltje, de titel en de beschrijving komen ook daar vandaan
 * (onderdelen/kop.css): die drie zijn hetzelfde als op /blog/. Een bezoeker die
 * van het overzicht naar een categorie doorklikt, hoort niet op een andere site
 * te belanden. Wat hier staat is alleen de maatvoering van de kop.
 */

.archiefKop {
    max-width: 780px;
    margin-bottom: 34px;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--kleurLijn);
}

/*
 * Een archief loopt door tot aan de footer; zonder deze ruimte plakken de
 * onderste kaarten tegen de blauwe balk aan. Alleen op het laatste blok, want
 * anders komt die ruimte er ook tussen het raster en de paginering te staan.
 */
.berichtRaster:last-child,
.paginering:last-child,
.geenResultaten:last-child {
    margin-bottom: 70px;
}

@media (width <= 767px) {
    .archiefKop {
        margin-bottom: 26px;
        padding-bottom: 20px;
    }

    .overzichtUitleg {
        font-size: var(--tekstBasis);
    }

    .berichtRaster:last-child,
    .paginering:last-child,
    .geenResultaten:last-child {
        margin-bottom: 50px;
    }
}