/* Standaardstijl. Kleuren en lettertype stel je in via Instellingen → Talen. */
.mtd-wrap {
	--mtd-green: #2d4a32;
	--mtd-text: #2d4a32;
	--mtd-bg: transparent;
	--mtd-active-bg: #2d4a32;
	--mtd-active-text: #ffffff;
	font-family: var(--mtd-font, inherit);
}
.mtd-wrap.mtd-on-dark {
	--mtd-text: #ffffff;
	--mtd-green: #ffffff;
	--mtd-active-bg: #ffffff;
	--mtd-active-text: #2d4a32;
}

.mtd-switcher {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mtd-switcher li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mtd-switcher a {
	color: var(--mtd-text);
	text-decoration: none;
	transition: background-color .2s, color .2s, border-color .2s;
}

/* Ronde knoppen (standaard) */
.mtd-style-pill {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
}
.mtd-style-pill a {
	display: inline-block;
	min-width: 44px;
	padding: 8px 16px;
	border: 1.5px solid var(--mtd-green);
	border-radius: 999px;
	font-size: var(--mtd-size, 13px);
	font-weight: var(--mtd-weight, 600);
	letter-spacing: .08em;
	line-height: 1;
	text-align: center;
	text-transform: var(--mtd-transform, uppercase);
}
.mtd-style-pill a:hover {
	background: var(--mtd-active-bg);
	color: var(--mtd-active-text);
}
.mtd-style-pill .mtd-current a {
	background: var(--mtd-active-bg);
	color: var(--mtd-active-text);
}

/* Tekst naast elkaar / onder elkaar */
.mtd-style-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}
.mtd-style-lijst .mtd-item {
	margin: 0 0 6px;
}
.mtd-style-inline a,
.mtd-style-lijst a {
	font-weight: 400;
}
.mtd-style-inline .mtd-current a,
.mtd-style-lijst .mtd-current a {
	font-weight: 700;
	border-bottom: 2px solid var(--mtd-green);
}

/* Keuzelijst */
.mtd-style-dropdown select {
	max-width: 100%;
	padding: 8px 14px;
	border: 1.5px solid var(--mtd-green);
	border-radius: 999px;
	background: var(--mtd-bg);
	color: var(--mtd-text);
	font-family: var(--mtd-font, inherit);
	font-size: var(--mtd-size, 13px);
	font-weight: var(--mtd-weight, 600);
	letter-spacing: .08em;
	text-transform: var(--mtd-transform, uppercase);
}
.mtd-on-dark .mtd-style-dropdown select option {
	color: var(--mtd-active-text);
}

/* Vaste taalkiezer onderaan het scherm */
.mtd-sticky {
	position: fixed;
	bottom: 16px;
	z-index: 99999;
	padding: 8px 10px;
	border-radius: 999px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .25);
}
.mtd-sticky-groen { background: #2d4a32; }
.mtd-sticky-wit { background: #ffffff; }
.mtd-sticky-links { left: 16px; }
.mtd-sticky-rechts { right: 16px; }
.mtd-sticky-midden { left: 50%; transform: translateX(-50%); }
.mtd-sticky .mtd-style-pill { display: flex; gap: 6px; }
.mtd-sticky .mtd-style-pill a { padding: 7px 14px; }
@media (max-width: 480px) {
	.mtd-sticky { bottom: 10px; }
	.mtd-sticky-links { left: 10px; }
	.mtd-sticky-rechts { right: 10px; }
}