/* Witte header op pagina's zonder hero image.

   Het thema zet de body class `no-hero-image` (handmatige optie
   start_page_without_hero_image, blogposts/story, of automatisch wanneer
   de pagina geen hero-afbeelding toont). Op die pagina's ligt de sticky
   header niet meer over een hero-afbeelding, waardoor het lichte menu
   onleesbaar zou zijn. We geven de header dan dezelfde look als de
   gescrolde sticky header: een lichte achtergrond met donkergroene tekst.

   Tokens var(--light) en var(--secondary-green) zijn exact die van de
   gescrolde header (Bricks template settings headerStickyScrolling*), dus
   het blijft visueel consistent. Alles is gescoped op
   body.no-hero-image #brx-header en doet dus niets op hero-pagina's. */

body.no-hero-image #brx-header {
	background-color: var(--light);
}

body.no-hero-image #brx-header,
body.no-hero-image #brx-header a {
	color: var(--secondary-green);
}