/* Webtaal — aanvullingen voor de 3D-homepage binnen WordPress.
   Laadt na webtaal-experience.css: zet de gedeelde thema-onderdelen (navigatie,
   footer) terug naar de stijl van de rest van de website. */

.wt-is-home .wt-site-nav.is-scrolled {
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border-bottom-color: transparent;
}
.wt-is-home .wt-site-nav {
	gap: 22px;
}
.wt-is-home.admin-bar .wt-overlay,
.wt-is-home.admin-bar .wt-indicator {
	top: var(--wp-admin--admin-bar--height, 32px);
}

/* Inhoud uit de blokeditor onder de 3D-ervaring */
.wt-home-extra {
	position: relative;
	z-index: 20;
	background: var(--bg);
	border-top: 1px solid var(--line);
	padding-block: clamp(56px, 8vw, 110px) 0;
}
.wt-home-extra .wt-content > .is-style-wt-section:first-child {
	padding-top: 0;
}

/* Footer: zelfde opbouw als op de andere pagina's */
.wt-site-footer {
	z-index: 30;
	padding: clamp(56px, 8vw, 96px) var(--gx-r) calc(28px + env(safe-area-inset-bottom, 0px)) var(--gx-l);
}
.wt-site-footer .wt-footer-inner {
	grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
	max-width: var(--wrap, 1240px);
	margin: 0 auto;
}
.wt-site-footer ul:not(.wt-social):not(.wt-legal-menu) {
	display: block;
}
.wt-site-footer .wt-social {
	display: flex;
}
.wt-site-footer .wt-footer-legal {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
	max-width: var(--wrap, 1240px);
	margin: clamp(48px, 6vw, 72px) auto 0;
	padding-top: 24px;
	border-top: 1px solid var(--line);
	font-family: var(--f-body);
	font-size: 0.85rem;
	letter-spacing: 0;
}
.wt-site-footer .wt-legal-menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 20px;
}
@media (max-width: 960px) {
	.wt-site-footer .wt-footer-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 520px) {
	.wt-site-footer .wt-footer-inner {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 860px) {
	.wt-site-nav .wt-btn,
	.wt-mobile-menu .wt-btn,
	.wt-home-extra .wt-btn {
		width: auto;
	}
}