/* REDZ: nieuwsoverzicht en "meer nieuws" (eigen stijl van /nieuws en het nieuwssjabloon).
   De componenten zelf (filter, nieuwsbrief, nieuwslijst-item, paginering) staan in redz.css. */

/* Een bericht zonder intro: geen lege regel tussen titel en Lees meer. */
.nieuws-item__intro:empty { display: none; }

/* Echte intro's zijn soms langer dan de twee regels uit Figma: hoogstens drie regels,
   en "Lees meer" onderaan, zodat de links in een rij op dezelfde hoogte staan. */
.nieuws-item__intro { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.nieuws-item__tekst { flex: 1; }
.nieuws-item__meer { margin-top: auto; }
.nieuws-item__kop, .nieuws-item__intro { margin-bottom: 6px; }  /* samen met de gap van 14: de 20 uit Figma boven Lees meer */
.nieuws-item__kop:has(+ .nieuws-item__intro:not(:empty)) { margin-bottom: 0; }

/* Een logo (png op transparant) als beeld: zie redz.css (geldt ook voor de nieuwskaart). */

/* Een flyer heeft zijn titel bovenaan: liever de bovenkant tonen dan het midden. */
.nieuws-item__beeld img { object-position: 50% 30%; }


/* Tablet en telefoon: de filterknop 44 px hoog (tikdoel). */
@media (max-width: 1023px) {
  .filter-open { min-height: 44px; }
}