/*
 * Zorggroep Bouwpakket: kleurrollen en kleine opmaakregels.
 *
 * KLEURROLLEN (aan te passen per merk; zie HANDLEIDING.md):
 *   --zgb-kader        lichte kleur voor kaders en pills (adRem: lichtblauw)
 *   --zgb-rand         randkleur van kaarten en strook (adRem: grijsblauw)
 *   --zgb-tekst-zacht  grijze ondersteunende tekst
 *   --zgb-primair      hoofdkleur voor links en pill-tekst (adRem: teal)
 *   --zgb-tint         heel lichte achtergrondkleur voor tags
 *   --zgb-wit          achtergrond van kaarten
 *   --zgb-accent       klein kleuraccent, bijvoorbeeld het bolletje in een pill
 * Overschrijven op een site: zet in Stijlen > Extra CSS  :root{ --zgb-kader: ...; }
 */
:root {
	--zgb-kader: #d9ebf4;
	--zgb-rand: #dbe6ee;
	--zgb-tekst-zacht: #5a6670;
	--zgb-primair: #1f6f8f;
	--zgb-tint: #eaf5fa;
	--zgb-wit: #ffffff;
	--zgb-accent: #d26058;
}

/* Kernfeitenstrook: drie kolommen met scheidingslijnen; op mobiel onder elkaar met een lijn ertussen. */
.zgb-feiten .wp-block-column {
	padding: 0.75rem 1.5rem;
	margin: 0;
}
@media (min-width: 782px) {
	.zgb-feiten .wp-block-column + .wp-block-column {
		border-left: 1px solid var(--zgb-rand);
	}
}
@media (max-width: 781px) {
	.zgb-feiten .wp-block-column + .wp-block-column {
		border-top: 1px solid var(--zgb-rand);
	}
}