/**
 * Taalknop in de header (includes/switcher.php, he_bilingual_render_switch_button()).
 * Zelfde maat, rand en radius als de thema-schakelaar van human25 (.he-thema-schakelaar),
 * maar altijd zichtbaar: het is een gewone link, er is geen JS voor nodig. Kleuren via de
 * presets van het thema, met fallback voor een thema zonder die presets.
 */
.he-lang-switch--knop {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	padding: 0;
	color: var(--wp--preset--color--contrast, #000);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--contrast, #000);
	border-radius: 10px;
	text-decoration: none;
	transition: background-color .1s ease;
}
.he-lang-switch--knop:hover {
	background: var(--wp--preset--color--accent-5, #f4f4ee);
}
/* Dunne rand in tekstkleur: anders valt het wit van de NL-vlag weg op een lichte knop. */
.he-lang-switch__vlag {
	display: block;
	width: 21px;
	height: 14px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px currentColor;
}
/* Op papier is er niets te schakelen. */
@media print {
	.he-lang-switch--knop {
		display: none;
	}
}