/**
 * MGH mobiel — viewport-specifieke styling.
 * Astra schakelt het mobiele header-layout in via body.ast-header-break-point.
 *
 * @package Astra Child
 */

/* ================================================================
   Mobiel menu — full screen (Figma menu 01 / 02)
   Werkt voor Astra dropdown (.ast-mobile-header-content) én off-canvas drawer.
   Header wit, body Blues 200, iconen Blues 700, items gecentreerd
   ================================================================ */

/* Logo 62px */
.ast-header-break-point .site-header .custom-logo,
.ast-header-break-point .site-header .custom-logo-link img,
.ast-header-break-point .ast-site-identity img,
.ast-header-break-point .site-header img.mgh-logo-menu,
.ast-header-break-point .site-header .ast-primary-header-bar img,
.ast-mobile-popup-drawer .custom-logo,
.ast-mobile-popup-drawer .custom-logo-link img,
.ast-mobile-popup-drawer .ast-site-identity img {
	height: 62px !important;
	width: auto !important;
	max-height: 62px !important;
	object-fit: contain;
}

/* Pagina niet scrollen als menu open */
body.ast-header-break-point.ast-main-header-nav-open {
	overflow: hidden !important;
}

/* ---------- Dropdown panel (huidige Astra-setup) ---------- */
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	top: var(--mgh-mobile-nav-top, 90px) !important;
	bottom: 0 !important;
	width: 100% !important;
	height: auto !important;
	min-height: calc(100dvh - var(--mgh-mobile-nav-top, 90px)) !important;
	z-index: 100000 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	background: var(--mgh-blue-200) !important;
	color: var(--mgh-mobile-menu-text) !important;
	padding: 1.25rem 0 1.5rem !important;
	overflow: auto !important;
	box-shadow: none !important;
}

body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .ast-builder-menu-mobile,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .ast-main-header-bar-alignment,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-bar-navigation,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .site-navigation,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-navigation {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	min-height: 0 !important;
	background: transparent !important;
}

/* ---------- Off-canvas drawer (als ooit geactiveerd) ---------- */
.ast-mobile-popup-drawer.active,
.ast-mobile-popup-drawer.show {
	width: 100% !important;
	max-width: 100% !important;
	left: 0 !important;
	right: 0 !important;
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
	background: var(--mgh-blue-200) !important;
	background-image: none !important;
	color: var(--mgh-mobile-menu-text) !important;
}

.ast-mobile-popup-drawer.active .ast-mobile-popup-inner,
.ast-mobile-popup-drawer.show .ast-mobile-popup-inner,
.ast-mobile-popup-drawer.ast-mobile-popup-drawer-open .ast-mobile-popup-inner {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	left: 0 !important;
	right: 0 !important;
	transform: none !important;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header {
	background: var(--mgh-mobile-menu-header-bg) !important;
	border-bottom: 1px solid var(--mgh-neutral-200);
	padding: 0.85rem 1.1rem;
	flex-shrink: 0;
}

.ast-mobile-popup-drawer .menu-toggle-close,
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
	color: var(--mgh-neutral-900) !important;
}

.ast-mobile-popup-drawer .menu-toggle-close svg,
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close svg {
	fill: var(--mgh-neutral-900) !important;
	stroke: var(--mgh-neutral-900) !important;
}

.ast-mobile-popup-drawer .ast-mobile-popup-content {
	background: var(--mgh-blue-200) !important;
	color: var(--mgh-mobile-menu-text) !important;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	padding: 1.25rem 0 1.5rem;
	overflow: auto;
	min-height: 0;
}

/* ---------- Gedeelde menu-item styles ---------- */
.ast-mobile-popup-drawer .main-header-menu,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu,
.ast-builder-menu-mobile .main-navigation .main-header-menu {
	background: transparent !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0.35rem 1.25rem 1.25rem !important;
	width: calc(100% - 2.5rem) !important;
	max-width: 22rem !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	align-self: center !important;
	flex: 0 0 auto !important;
}

.ast-mobile-popup-drawer .main-header-menu > .menu-item,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item {
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

.ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link,
.ast-mobile-popup-drawer .main-header-menu > .menu-item > a,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item > a {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 20px !important;
	position: relative !important;
	width: 100% !important;
	padding: 2rem !important;
	background: transparent !important;
	color: var(--mgh-mobile-menu-text) !important;
	font-size: 1.05rem !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	text-align: left !important;
	text-decoration: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link:hover,
.ast-mobile-popup-drawer .main-header-menu > .menu-item > a:hover,
.ast-mobile-popup-drawer .main-header-menu > .menu-item.current-menu-item > .menu-link,
.ast-mobile-popup-drawer .main-header-menu > .menu-item.current-menu-ancestor > .menu-link,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link:hover,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item > a:hover {
	background: transparent !important;
	color: var(--mgh-mobile-menu-text) !important;
	opacity: 1 !important;
}

.ast-mobile-popup-drawer .mgh-nav-icon,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .mgh-nav-icon {
	display: inline-flex !important;
	width: 22px !important;
	height: 22px !important;
	color: var(--mgh-blue-700) !important;
	opacity: 1 !important;
	visibility: visible !important;
	flex-shrink: 0 !important;
}

.ast-mobile-popup-drawer .mgh-nav-icon svg,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .mgh-nav-icon svg {
	width: 100% !important;
	height: 100% !important;
	stroke: currentColor !important;
}

.ast-mobile-popup-drawer .mgh-nav-label,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .mgh-nav-label {
	color: var(--mgh-mobile-menu-text) !important;
	flex: 0 1 auto !important;
}

/* Meer: geen leading icoon — wel spacer zodat labels uitlijnen */
.ast-mobile-popup-drawer .main-header-menu > .menu-item.mgh-nav-item--meer > .menu-link .mgh-nav-icon--meer,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item.mgh-nav-item--meer > .menu-link .mgh-nav-icon--meer {
	display: none !important;
}

.ast-mobile-popup-drawer .main-header-menu > .menu-item.mgh-nav-item--meer > .menu-link::before,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item.mgh-nav-item--meer > .menu-link::before {
	content: '' !important;
	display: block !important;
	width: 22px !important;
	flex-shrink: 0 !important;
}

/* Astra submenu-toggles verbergen */
.ast-mobile-popup-drawer .main-header-menu > .menu-item > .ast-menu-toggle,
.ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link .dropdown-menu-toggle,
.ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link .ast-icon,
.ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link .icon-arrow,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item > .ast-menu-toggle,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link .dropdown-menu-toggle,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link .ast-icon {
	display: none !important;
}

/* Chevron rechts — t.o.v. gecentreerde kolom / schermrand */
.ast-mobile-popup-drawer .main-header-menu > .menu-item.menu-item-has-children > .menu-link::after,
.ast-mobile-popup-drawer .main-header-menu > .menu-item.menu-item-has-children > a::after,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item.menu-item-has-children > .menu-link::after,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item.menu-item-has-children > a::after {
	content: '' !important;
	display: block !important;
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	width: 0.55rem !important;
	height: 0.55rem !important;
	margin: 0 !important;
	border-right: 2px solid var(--mgh-neutral-900) !important;
	border-bottom: 2px solid var(--mgh-neutral-900) !important;
	transform: translateY(-60%) rotate(-45deg) !important;
	flex-shrink: 0 !important;
	opacity: 0.85 !important;
	background: none !important;
}

/* Submenu's verborgen tot drill */
.ast-mobile-popup-drawer .main-header-menu > .menu-item > .sub-menu,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item > .sub-menu {
	display: none !important;
	position: static !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	float: none !important;
	left: auto !important;
	top: auto !important;
}

.ast-mobile-popup-drawer.has-mgh-drill .main-header-menu > .menu-item:not(.mgh-drill-open),
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content.has-mgh-drill .main-header-menu > .menu-item:not(.mgh-drill-open) {
	display: none !important;
}

.ast-mobile-popup-drawer.has-mgh-drill .main-header-menu > .menu-item.mgh-drill-open > .menu-link,
.ast-mobile-popup-drawer.has-mgh-drill .main-header-menu > .menu-item.mgh-drill-open > a,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content.has-mgh-drill .main-header-menu > .menu-item.mgh-drill-open > .menu-link,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content.has-mgh-drill .main-header-menu > .menu-item.mgh-drill-open > a {
	display: none !important;
}

.ast-mobile-popup-drawer.has-mgh-drill .main-header-menu > .menu-item.mgh-drill-open > .sub-menu,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content.has-mgh-drill .main-header-menu > .menu-item.mgh-drill-open > .sub-menu {
	display: block !important;
}

.ast-mobile-popup-drawer.has-mgh-drill .main-header-menu > .menu-item.mgh-drill-open,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content.has-mgh-drill .main-header-menu > .menu-item.mgh-drill-open {
	display: block !important;
	width: 100% !important;
}

.ast-mobile-popup-drawer .main-header-menu .sub-menu .menu-item > .menu-link,
.ast-mobile-popup-drawer .main-header-menu .sub-menu .menu-item > a,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu .sub-menu .menu-item > .menu-link,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu .sub-menu .menu-item > a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.95rem 1.25rem !important;
	background: transparent !important;
	color: var(--mgh-mobile-menu-text) !important;
	font-size: 1.05rem !important;
	font-weight: 500 !important;
	text-align: center !important;
	border: 0 !important;
}

.ast-mobile-popup-drawer .main-header-menu .sub-menu .menu-item > .menu-link:hover,
.ast-mobile-popup-drawer .main-header-menu .sub-menu .menu-item > a:hover,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu .sub-menu .menu-item > .menu-link:hover {
	background: transparent !important;
	opacity: 0.75;
}

/* Terug-knop */
.mgh-mobile-nav-back {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	width: 100%;
	margin: 0;
	padding: 1rem 1.25rem 0.75rem;
	border: 0;
	background: transparent;
	color: var(--mgh-mobile-menu-text);
	font: inherit;
	font-size: 1.05rem;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
}

.ast-mobile-popup-drawer.has-mgh-drill .mgh-mobile-nav-back,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content.has-mgh-drill .mgh-mobile-nav-back {
	display: inline-flex !important;
}

.mgh-mobile-nav-back__icon {
	display: inline-block;
	width: 0.55rem;
	height: 0.55rem;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	margin-right: 0.15rem;
}

/* Header-knop (Button 1) + fallback contact onderin */
.ast-mobile-popup-drawer .mgh-mobile-header-button,
.ast-mobile-popup-drawer .ast-header-button-1.mgh-mobile-header-button,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .mgh-mobile-header-button,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .ast-header-button-1.mgh-mobile-header-button,
.mgh-mobile-nav-contact {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: calc(100% - 2.5rem);
	max-width: 22rem;
	margin: auto auto 4.35rem;
	flex-shrink: 0;
}

/* Astra rendert 2 links; toon alleen de custom button-link */
.ast-mobile-popup-drawer .mgh-mobile-header-button .menu-link,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .mgh-mobile-header-button .menu-link {
	display: none !important;
}

.ast-mobile-popup-drawer .mgh-mobile-header-button .ast-builder-button-wrap,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .mgh-mobile-header-button .ast-builder-button-wrap {
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
}

.ast-mobile-popup-drawer .mgh-mobile-header-button .ast-custom-button-link,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .mgh-mobile-header-button .ast-custom-button-link,
.mgh-mobile-nav-contact {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	padding: 0.95rem 1.25rem !important;
	border-radius: 10px !important;
	background: #000 !important;
	color: #fff !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	text-align: center;
	text-decoration: none !important;
	box-shadow: none !important;
	border: 0 !important;
}

.ast-mobile-popup-drawer .mgh-mobile-header-button .ast-custom-button,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .mgh-mobile-header-button .ast-custom-button {
	background: transparent !important;
	color: inherit !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font: inherit !important;
}

.ast-mobile-popup-drawer .mgh-mobile-header-button .ast-custom-button-link:hover,
body.ast-header-break-point.ast-main-header-nav-open .ast-mobile-header-content .mgh-mobile-header-button .ast-custom-button-link:hover,
.mgh-mobile-nav-contact:hover,
.mgh-mobile-nav-contact:focus {
	background: #111 !important;
	color: #fff !important;
	opacity: 1 !important;
}

/* ================================================================
   Homepage — layout volgens mobiel ontwerp
   ================================================================ */

@media screen and (max-width: 768px) {
	/* Voorkom horizontale page-scroll (duwt anders fixed hamburger mee) */
	html:has(body.page-template-page-template-home),
	body.page-template-page-template-home {
		overflow-x: clip !important;
		max-width: 100% !important;
	}

	body.page-template-page-template-home,
	body.page-template-page-template-home #page,
	body.page-template-page-template-home #content,
	body.page-template-page-template-home .site-content,
	body.page-template-page-template-home .site-content > .ast-container,
	body.page-template-page-template-home #primary,
	body.page-template-page-template-home .content-area,
	body.page-template-page-template-home .mgh-home-wrap,
	body.page-template-page-template-home .mgh-home-main,
	body.page-template-page-template-home .mgh-home-hero,
	body.page-template-page-template-home .mgh-home-content {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
		overflow-x: clip;
	}

	body.page-template-page-template-home #masthead.site-header,
	body.page-template-page-template-home .ast-mobile-header-wrap,
	body.page-template-page-template-home .ast-primary-header-bar {
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		box-sizing: border-box !important;
	}

	body.page-template-page-template-home .ast-mobile-header-wrap .ast-builder-grid-row {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.page-template-page-template-home .site-content > .ast-container {
		display: block !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		float: none !important;
	}

	body.page-template-page-template-home .site-content > .ast-container::after {
		display: none;
	}

	body.page-template-page-template-home #secondary {
		display: none !important;
	}

	body.page-template-page-template-home .mgh-home-hero {
		min-height: 72svh;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	body.page-template-page-template-home .mgh-home-hero__content {
		padding-top: calc(var(--mgh-header-h, 72px) + 1.25rem) !important;
		padding-bottom: 1.25rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		gap: 1.5rem;
		align-items: stretch !important;
		align-self: stretch;
		text-align: center;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	body.page-template-page-template-home .mgh-home-hero__content::after {
		display: none;
	}

	body.page-template-page-template-home .mgh-home-hero__text {
		align-items: center;
		align-self: stretch;
		flex: 1 1 auto;
		justify-content: center;
		width: 100%;
	}

	body.page-template-page-template-home .mgh-home-hero__subtitle {
		order: -1;
		margin: 0 0 0.5rem;
		font-size: 0.95rem;
		font-weight: 400;
		color: rgba(255, 255, 255, 0.92);
		max-width: 22ch;
	}

	body.page-template-page-template-home .mgh-home-hero__title {
		font-size: clamp(1.85rem, 8vw, 2.35rem);
		font-weight: 700;
		max-width: 14ch;
		margin: 0;
	}

	body.page-template-page-template-home .mgh-home-hero__cta {
		display: none;
	}

	body.page-template-page-template-home .mgh-home-cards,
	body.page-template-page-template-home .mgh-home-cards__grid {
		max-width: none;
		width: 100%;
		margin: 0;
	}

	body.page-template-page-template-home .mgh-home-cards__grid {
		display: flex;
		flex-direction: column;
		gap: 0.7rem;
	}

	body.page-template-page-template-home .mgh-home-card {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
		gap: 0.85rem;
		padding: 0.9rem 1rem;
		border-radius: 12px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
		position: relative;
	}

	body.page-template-page-template-home .mgh-home-card__badge {
		left: auto;
		right: 0.75rem;
		top: -5px;
	}

	body.page-template-page-template-home .mgh-home-card:hover {
		transform: none;
	}

	body.page-template-page-template-home .mgh-home-card__icon {
		width: 44px;
		height: 44px;
		background: var(--mgh-blue-250);
		color: var(--mgh-blue-750);
	}

	body.page-template-page-template-home .mgh-home-card__icon svg,
	body.page-template-page-template-home .mgh-home-card__icon img {
		width: 22px;
		height: 22px;
	}

	body.page-template-page-template-home .mgh-home-card__copy {
		align-items: flex-start;
		gap: 0.15rem;
		min-width: 0;
	}

	body.page-template-page-template-home .mgh-home-card__title {
		font-size: 0.98rem;
		font-weight: 700;
		color: var(--mgh-blue-750);
	}

	body.page-template-page-template-home .mgh-home-card__desc {
		font-size: 0.78rem;
		color: var(--mgh-neutral-550);
		line-height: 1.4;
	}

	body.page-template-page-template-home .mgh-home-brands {
		padding: 0.85rem 0 1.1rem;
		box-shadow: none;
		background: var(--mgh-white);
		overflow-x: clip;
		max-width: 100%;
	}

	body.page-template-page-template-home .mgh-home-brands__track {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 0.5rem;
		height: auto;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0.15rem 1.25rem;
		margin: 0 !important;
		box-sizing: border-box !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.page-template-page-template-home .mgh-home-brands__track::-webkit-scrollbar {
		display: none;
	}

	body.page-template-page-template-home .mgh-home-brands__item {
		flex: 0 0 auto;
		filter: none;
		opacity: 1;
		padding: 0.35rem 0.65rem;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: var(--mgh-neutral-900);
		text-decoration: none;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 40px;
	}

	body.page-template-page-template-home .mgh-home-brands__item img {
		display: block;
		height: 57px;
		width: auto;
		max-width: none;
		object-fit: contain;
	}

	body.page-template-page-template-home .mgh-home-brands__name {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	body.page-template-page-template-home .mgh-home-content {
		padding-top: 0.5rem;
		padding-left: 0;
		padding-right: 0;
	}

	body.page-template-page-template-home .mgh-home-content > .wp-block-heading,
	body.page-template-page-template-home .mgh-home-content > h1,
	body.page-template-page-template-home .mgh-home-content > h2,
	body.page-template-page-template-home .mgh-home-content > h3,
	body.page-template-page-template-home .mgh-home-content .wp-block-heading,
	body.page-template-page-template-home .mgh-home-content h2.wp-block-heading {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100%;
		box-sizing: border-box;
		font-size: 1.45rem;
		font-weight: 700;
		line-height: 1.25;
		color: var(--mgh-neutral-900);
	}

	/* Autokooptips e.d.: titel op dezelfde linkerlijn als de cards */
	body.page-template-page-template-home .mgh-home-content .wp-block-group:has(.wp-block-latest-posts) > .wp-block-heading,
	body.page-template-page-template-home .mgh-home-content .wp-block-group:has(.wp-block-latest-posts) > h2,
	body.page-template-page-template-home .mgh-home-content > .wp-block-heading + .wp-block-latest-posts,
	body.page-template-page-template-home .mgh-home-content > h2 + .wp-block-latest-posts {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
		box-sizing: border-box;
	}

	body.page-template-page-template-home .mgh-home-content > .wp-block-heading,
	body.page-template-page-template-home .mgh-home-content > h2 {
		margin-top: 1.75rem;
		margin-bottom: 1rem;
	}

	/* Promo-split: één keer 1.25rem, gelijk aan Autokooptips-cards */
	body.page-template-page-template-home .mgh-home-content .mgh-promo-split,
	body.page-template-page-template-home .mgh-home-content .wp-block-group:has(.mgh-promo-split) > :where(.mgh-promo-split, .wp-block-group) {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-group:has(.mgh-promo-split),
	body.page-template-page-template-home .mgh-home-content .wp-block-group:has(.wp-block-latest-posts) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-group:has(.mgh-promo-split) > .wp-block-heading,
	body.page-template-page-template-home .mgh-home-content .wp-block-group:has(.mgh-promo-split) > h2 {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}

	body.page-template-page-template-home .mgh-home-content > .wp-block-group.has-background {
		padding: 2rem 1.25rem;
	}

	body.page-template-page-template-home .mgh-home-content .autotelex-featured-grid,
	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts,
	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts.is-grid,
	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts.is-layout-grid {
		display: flex !important;
		flex-wrap: nowrap !important;
		grid-template-columns: none !important;
		gap: 0.85rem;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding: 0 1.25rem 0.35rem;
		margin: 0;
	}

	body.page-template-page-template-home .mgh-home-content .autotelex-featured-grid::-webkit-scrollbar,
	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts::-webkit-scrollbar {
		display: none;
	}

	body.page-template-page-template-home .mgh-home-content .autotelex-featured-grid .mgh-card--product,
	body.page-template-page-template-home .mgh-home-content .atx-card.mgh-card--product {
		flex: 0 0 78%;
		scroll-snap-align: start;
		height: auto;
		background: var(--mgh-white) !important;
		box-shadow: 0 2px 14px rgba(0, 0, 0, 0.08) !important;
		border-radius: 14px;
		overflow: hidden;
	}

	body.page-template-page-template-home .mgh-home-content .mgh-card--product:hover {
		transform: none;
	}

	body.page-template-page-template-home .mgh-home-content .mgh-card--product .mgh-card__body {
		padding: 0.9rem 1rem 1rem;
		gap: 0.65rem;
	}

	body.page-template-page-template-home .mgh-home-content .mgh-card--product .mgh-card__title {
		font-size: 1.05rem;
		margin: 0;
	}

	body.page-template-page-template-home .mgh-home-content .mgh-card--product .mgh-card__price-label {
		display: none;
	}

	body.page-template-page-template-home .mgh-home-content .mgh-card--product .mgh-card__price-now {
		font-size: 1.15rem;
	}

	body.page-template-page-template-home .mgh-home-content .mgh-card--product .mgh-btn {
		border-radius: 10px !important;
		margin-top: 0.35rem;
	}

	body.page-template-page-template-home .mgh-collection-cards {
		padding: 0 1.25rem;
	}

	body.page-template-page-template-home .mgh-collection-cards__grid,
	body.page-template-page-template-home .mgh-collection-cards__grid.ast-container {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0.75rem;
	}

	body.page-template-page-template-home .mgh-collection-card {
		aspect-ratio: 3 / 4;
		border-radius: 14px;
	}

	body.page-template-page-template-home .mgh-collection-card__title {
		font-size: 1.05rem;
		margin: 14px 0 0.15rem;
	}

	body.page-template-page-template-home .mgh-collection-card__content {
		padding: 0 0.75rem;
	}

	body.page-template-page-template-home .mgh-collection-card__btn {
		padding: 0.5rem 0.9rem;
		font-size: 0.78rem;
		border-radius: 10px;
		margin: 0.5rem 0 0.85rem;
	}

	body.page-template-page-template-home .mgh-card--promo {
		margin: 1.5rem 0;
		border-radius: 0;
	}

	body.page-template-page-template-home .mgh-card--promo .mgh-card__content {
		padding: 1.75rem 1.25rem 2rem;
	}

	body.page-template-page-template-home .mgh-card--promo .mgh-card__heading {
		font-size: 1.45rem;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts.wp-block-latest-posts__list {
		list-style: none;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts.wp-block-latest-posts__list li {
		display: flex;
		flex-direction: column;
		flex: 0 0 78%;
		scroll-snap-align: start;
		grid-template-columns: none;
		grid-template-rows: none;
		gap: 0;
		padding: 0 0 1rem;
		background: var(--mgh-blue-200);
		border-radius: 14px;
		overflow: hidden;
		transform: none;
		box-shadow: none;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts__featured-image {
		grid-column: auto;
		grid-row: auto;
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 10;
		border-radius: 0;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts__featured-image img {
		border-radius: 0;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts__post-date {
		display: none;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts__post-title,
	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts__post-excerpt,
	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts__read-more {
		grid-column: auto;
		grid-row: auto;
		padding: 0 1rem;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts__post-title {
		margin: 0.85rem 0 0.35rem;
		font-size: 1rem;
		-webkit-line-clamp: 3;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-latest-posts__post-excerpt {
		margin: 0 0 0.5rem;
		-webkit-line-clamp: 3;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-buttons {
		display: block;
		padding: 0.5rem 1.25rem 1.5rem;
		margin: 0;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-button,
	body.page-template-page-template-home .mgh-home-content .wp-block-button__link {
		width: 100% !important;
		max-width: none;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-button.is-style-outline .wp-block-button__link,
	body.page-template-page-template-home .mgh-home-content .wp-block-button__link {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0.9rem 1.25rem !important;
		border-radius: 10px !important;
		font-weight: 600;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-columns:has(> .wp-block-column:nth-child(3)) {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 0.75rem;
		padding: 0 1.25rem 0.5rem;
		margin: 0;
	}

	body.page-template-page-template-home .mgh-home-content .wp-block-columns:has(> .wp-block-column:nth-child(3)) > .wp-block-column {
		margin: 0 !important;
		background: var(--mgh-white);
		border-radius: 14px;
		padding: 1.15rem 0.75rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
	}

	body.page-template-page-template-home .mgh-home-faq {
		background: var(--mgh-white);
		padding: 2.25rem 1.25rem 3rem;
		border-top: 0;
	}

	body.page-template-page-template-home .mgh-home-faq .ast-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.page-template-page-template-home .mgh-home-faq__title {
		font-size: 1.45rem;
	}

	body.page-template-page-template-home .mgh-home-faq__question {
		font-size: 0.95rem;
	}

	.site-footer {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	.site-footer .ast-builder-grid-row {
		gap: 1.5rem;
	}

	.site-footer .widget-title,
	.site-footer .footer-widget-area .widget-title {
		font-size: 0.95rem;
		margin-bottom: 0.65rem;
	}

	/* ── Globale niet-hero header ───────────────────────────────────── */
	body.ast-header-break-point:not(.page-template-page-template-home):not(.page-template-page-template-brand):not(.page-template-page-template-model):not(.page-template-page-template-catalogus-spiegel):not(.mgh-news-archive) #masthead .menu-toggle,
	body.ast-header-break-point:not(.page-template-page-template-home):not(.page-template-page-template-brand):not(.page-template-page-template-model):not(.page-template-page-template-catalogus-spiegel):not(.mgh-news-archive) #masthead [class*="ast-mobile-menu-trigger"],
	body.ast-header-break-point:not(.page-template-page-template-home):not(.page-template-page-template-brand):not(.page-template-page-template-model):not(.page-template-page-template-catalogus-spiegel):not(.mgh-news-archive) #masthead .ast-mobile-svg,
	body.ast-header-break-point:not(.page-template-page-template-home):not(.page-template-page-template-brand):not(.page-template-page-template-model):not(.page-template-page-template-catalogus-spiegel):not(.mgh-news-archive) #masthead .menu-toggle svg,
	body.ast-header-break-point:not(.page-template-page-template-home):not(.page-template-page-template-brand):not(.page-template-page-template-model):not(.page-template-page-template-catalogus-spiegel):not(.mgh-news-archive) #masthead .menu-toggle svg path {
		color: var(--mgh-blue-700, #314ba4) !important;
		fill: var(--mgh-blue-700, #314ba4) !important;
		stroke: none !important;
	}

	/* Home hero: witte hamburger boven foto (laadt na home-page.css) */
	body.ast-header-break-point.page-template-page-template-home:not(.ast-child-header-scrolled) #masthead .menu-toggle,
	body.ast-header-break-point.page-template-page-template-home:not(.ast-child-header-scrolled) #masthead [class*="ast-mobile-menu-trigger"],
	body.ast-header-break-point.page-template-page-template-home:not(.ast-child-header-scrolled) #masthead .ast-mobile-svg,
	body.ast-header-break-point.page-template-page-template-home:not(.ast-child-header-scrolled) #masthead .menu-toggle svg,
	body.ast-header-break-point.page-template-page-template-home:not(.ast-child-header-scrolled) #masthead .menu-toggle svg path {
		color: #ffffff !important;
		fill: #ffffff !important;
		stroke: none !important;
	}

	body.ast-header-break-point.page-template-page-template-home.ast-child-header-scrolled #masthead .menu-toggle,
	body.ast-header-break-point.page-template-page-template-home.ast-child-header-scrolled #masthead [class*="ast-mobile-menu-trigger"],
	body.ast-header-break-point.page-template-page-template-home.ast-child-header-scrolled #masthead .ast-mobile-svg,
	body.ast-header-break-point.page-template-page-template-home.ast-child-header-scrolled #masthead .menu-toggle svg,
	body.ast-header-break-point.page-template-page-template-home.ast-child-header-scrolled #masthead .menu-toggle svg path {
		color: var(--mgh-blue-700, #314ba4) !important;
		fill: var(--mgh-blue-700, #314ba4) !important;
		stroke: none !important;
	}

	/* Zorg dat de toggle zichtbaar blijft boven de hero */
	body.ast-header-break-point.page-template-page-template-home #masthead .ast-mobile-header-wrap .menu-toggle {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative;
		z-index: 5;
	}

	/* ── Full-width / proefrit / contact ─────────────────────────────── */
	body.page-template-page-template-full-width #page,
	body.page-template-page-template-full-width #content,
	body.page-template-page-template-full-width .site-content,
	body.page-template-page-template-full-width .site-content > .ast-container,
	body.page-template-page-template-full-width #primary {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.page-template-page-template-full-width .site-content > .ast-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		display: block !important;
	}

	body.page-template-page-template-full-width {
		background: var(--mgh-blue-200, #f4f6fe);
	}

	body.page-template-page-template-full-width .mgh-full-width-wrap,
	body.page-template-page-template-full-width .entry-content {
		padding: 0.85rem 1.25rem 1.75rem;
	}

	body.page-template-page-template-full-width .entry-content > .wp-block-heading,
	body.page-template-page-template-full-width .entry-content > h1,
	body.page-template-page-template-full-width .entry-content > h2 {
		text-align: center;
		font-size: 34px;
		margin: 0.35rem 0 0.35rem;
		line-height: 1.2;
	}

	body.page-template-page-template-full-width .entry-content > p {
		text-align: center;
		color: var(--mgh-neutral-550);
		max-width: 36ch;
		margin: 0 auto 0.75rem;
		font-size: 0.9rem;
		line-height: 1.4;
	}

	body.page-template-page-template-full-width .mgh-form,
	body.page-template-page-template-full-width .af-form,
	body.page-template-page-template-full-width .wp-block-group:has(form) {
		background: transparent;
		border-radius: 0;
		padding: 0;
		box-shadow: none;
		margin: 0.5rem 0 1rem;
	}

	body.page-template-page-template-full-width .mgh-form .af-field,
	body.page-template-page-template-full-width .mgh-form .acf-field,
	body.page-template-page-template-full-width form .acf-field {
		width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 0;
	}

	body.page-template-page-template-full-width .mgh-form .af-field-instructions,
	body.page-template-page-template-full-width .mgh-form .acf-field-instructions {
		display: none !important;
	}

	body.page-template-page-template-full-width input[type="text"],
	body.page-template-page-template-full-width input[type="email"],
	body.page-template-page-template-full-width input[type="tel"],
	body.page-template-page-template-full-width input[type="date"],
	body.page-template-page-template-full-width input[type="time"],
	body.page-template-page-template-full-width input[type="search"],
	body.page-template-page-template-full-width select,
	body.page-template-page-template-full-width textarea {
		width: 100%;
		border-radius: 10px !important;
		border: 1px solid var(--mgh-neutral-250) !important;
		padding: 10px 12px !important;
		min-height: 42px;
		background: #fff;
		box-sizing: border-box;
	}

	body.page-template-page-template-full-width textarea {
		min-height: 88px !important;
	}

	body.page-template-page-template-full-width input[type="submit"],
	body.page-template-page-template-full-width button[type="submit"],
	body.page-template-page-template-full-width .af-submit button,
	body.page-template-page-template-full-width .mgh-form .button,
	body.page-template-page-template-full-width .mgh-form .af-submit-button {
		width: 100%;
		background: #000 !important;
		border-color: #000 !important;
		color: #fff !important;
		border-radius: 10px !important;
		padding: 0.85rem 1.1rem !important;
		font-weight: 700;
		min-height: 48px;
	}

	body.page-template-page-template-full-width .wp-block-group.has-background {
		border-radius: 14px;
		padding: 1.15rem 1.1rem !important;
		margin: 1rem 0;
	}

	/* ── Model page ─────────────────────────────────────────────────── */
	body.page-template-page-template-model #page,
	body.page-template-page-template-model #content,
	body.page-template-page-template-model .site-content,
	body.page-template-page-template-model .site-content > .ast-container,
	body.page-template-page-template-model #primary,
	body.page-template-page-template-catalogus-spiegel #page,
	body.page-template-page-template-catalogus-spiegel #primary {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.page-template-page-template-model .site-content > .ast-container,
	body.page-template-page-template-catalogus-spiegel .site-content > .ast-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		display: block !important;
	}

	.mgh-model-hero {
		min-height: 62vh;
	}

	.mgh-model-hero__content {
		padding: calc(var(--mgh-header-h, 72px) + 1rem) 1.25rem 1.5rem !important;
		justify-content: flex-end;
	}

	.mgh-model-hero__title {
		font-size: clamp(2rem, 9vw, 2.6rem);
		margin-bottom: 0.35rem;
	}

	.mgh-model-hero__tagline {
		font-size: 0.95rem;
		margin-bottom: 1rem;
	}

	.mgh-model-hero__cta {
		border-radius: 100px;
		padding: 0.75rem 1.35rem;
	}

	.mgh-model-specs-bar {
		padding: 1rem 1.25rem 1.25rem;
	}

	body.page-template-page-template-model .site-content .mgh-model-specs-bar .ast-container {
		display: flex !important;
		flex-direction: column;
		gap: 0.85rem;
		padding: 0 !important;
	}

	.mgh-model-specs-bar__prices {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.75rem;
	}

	.mgh-model-specs-bar__ctas {
		display: flex;
		flex-direction: column;
		gap: 0.6rem;
	}

	.mgh-model-specs-bar__ctas .mgh-btn,
	.mgh-model-specs-bar__btn {
		width: 100%;
		justify-content: center;
	}

	.mgh-model-overview,
	.mgh-model-versions,
	.mgh-model-garantie,
	.mgh-model-news,
	.mgh-model-media-text,
	.mgh-maintenance-cta {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	.mgh-model-versions__grid,
	.mgh-version-card {
		grid-template-columns: 1fr;
	}

	.mgh-version-card {
		background: var(--mgh-blue-200, #eef2fb);
		border-radius: 14px;
		padding: 0;
		overflow: hidden;
	}

	.mgh-version-card .mgh-btn {
		width: 100%;
		justify-content: center;
	}

	.mgh-model-news__viewport {
		overflow: hidden;
	}

	.mgh-model-news__track {
		display: flex;
		flex-wrap: nowrap;
		gap: 0.85rem;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 0.35rem;
	}

	.mgh-model-news__track::-webkit-scrollbar {
		display: none;
	}

	.mgh-model-news-card {
		flex: 0 0 78%;
		scroll-snap-align: start;
	}

	.mgh-model-news__dots {
		justify-content: center;
		margin-top: 0.75rem;
	}

	.mgh-model-cta-banner {
		min-height: 42vh;
	}

	.mgh-model-cta-banner__content {
		padding: 1.5rem 1.25rem;
	}

	/* ── Brand page ─────────────────────────────────────────────────── */
	body.page-template-page-template-brand #page,
	body.page-template-page-template-brand #content,
	body.page-template-page-template-brand .site-content,
	body.page-template-page-template-brand .site-content > .ast-container,
	body.page-template-page-template-brand #primary {
		width: 100% !important;
		max-width: 100% !important;
	}

	body.page-template-page-template-brand .site-content > .ast-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		display: block !important;
	}

	.mgh-hero {
		min-height: 58vh;
	}

	.mgh-hero__content {
		padding: calc(var(--mgh-header-h, 72px) + 1rem) 1.25rem 1.75rem !important;
		justify-content: flex-end;
		align-items: flex-start;
		text-align: left;
	}

	.mgh-hero__title {
		font-size: clamp(2.2rem, 10vw, 3rem);
	}

	.mgh-promo-banner {
		padding: 1.5rem 1.25rem;
		text-align: center;
	}

	.mgh-promo-banner__inner {
		flex-direction: column;
		gap: 1rem;
		align-items: center;
	}

	.mgh-models,
	.mgh-vehicles,
	.mgh-news-section,
	.mgh-our-story,
	.mgh-quick-actions {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	.mgh-models__grid {
		display: flex !important;
		flex-wrap: nowrap;
		gap: 0.85rem;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 0.35rem;
	}

	.mgh-models__grid::-webkit-scrollbar {
		display: none;
	}

	.mgh-model-card {
		flex: 0 0 72%;
		scroll-snap-align: start;
		aspect-ratio: 3 / 4;
	}

	.mgh-vehicles__filters {
		display: flex;
		flex-wrap: nowrap;
		gap: 0.5rem;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding-bottom: 0.35rem;
	}

	.mgh-vehicles__filters::-webkit-scrollbar {
		display: none;
	}

	.mgh-vehicle-card {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.75rem;
		background: #fff;
		border-radius: 14px;
		overflow: hidden;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
		padding: 0 0 1rem;
		margin-bottom: 0.85rem;
	}

	.mgh-news-layout {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
	}

	.mgh-news-card {
		display: grid;
		grid-template-columns: 88px 1fr;
		gap: 0.85rem;
		align-items: start;
	}

	.mgh-quick-actions,
	.mgh-contact-info,
	.mgh-services {
		background: #fff;
		border-radius: 14px;
		padding: 1.1rem;
		margin-bottom: 0.85rem;
		box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
	}

	.mgh-why {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}

	.mgh-why__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.85rem;
	}

	.mgh-vehicles__grid {
		display: flex;
		flex-direction: column;
		gap: 0.85rem;
	}
}