/* Collapse-Expand (veilige vervanger) */
.bgc-wrap { margin: 0 0 1em; }
.bgc-wrap-link-inline { margin: 0; }

.bgc-toggle {
	font: inherit;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: .4em;
	line-height: 1.3;
}
.bgc-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.bgc-icon:empty { display: none; }

/* Link-weergaven */
.bgc-view-link,
.bgc-view-link-inline,
.bgc-view-link-list {
	background: none;
	border: 0;
	padding: 0;
	color: inherit;
	text-decoration: none;
}
.bgc-view-link .bgc-label,
.bgc-view-link-inline .bgc-label,
.bgc-view-link-list .bgc-label {
	text-decoration: underline;
	text-underline-offset: .15em;
}
/* Icoon nooit onderstrepen, ook niet als het thema knoppen/links onderstreept */
.bgc-toggle,
.bgc-toggle:hover,
.bgc-toggle:focus { text-decoration: none; }
.bgc-icon { display: inline-block; text-decoration: none !important; }
.bgc-view-link-inline { display: inline; }

/* Knop-weergaven */
.bgc-toggle[class*="bgc-view-button-"] {
	border: 1px solid transparent;
	border-radius: 4px;
	padding: .45em 1em;
	color: #fff;
	font-weight: 600;
}
.bgc-view-button-orange { background: #d9730d; }
.bgc-view-button-blue   { background: #2463b5; }
.bgc-view-button-green  { background: #2f8a3e; }
.bgc-view-button-red    { background: #c0392b; }
.bgc-view-button-grey,
.bgc-view-button-gray   { background: #5f6b76; }
.bgc-view-button-black  { background: #222; }
.bgc-view-button-white  { background: #fff; color: #222 !important; border-color: #ccc; }
.bgc-toggle[class*="bgc-view-button-"]:hover { filter: brightness(1.1); }

.bgc-content { margin-top: .5em; }
.bgc-content-level-2,
.bgc-content-level-3 { padding-left: 1em; }
span.bgc-content { margin-top: 0; }

/* Afdrukken: alles tonen */
@media print {
	.bgc-content[hidden] { display: block !important; }
	.bgc-toggle { display: none !important; }
}
