/* =========================================================================
   WEKO Farm Equipment – aanvullingen op MM Basis die tokens niet dekken
   Volgorde: 1 decoratie · 2 header · 3 knoppen/kicker · 4 hero · 5 over ons / afbeelding+tekst
             6 oplossingen (geel) · 7 fotoslider · 8 USP's · 9 referenties · 10 contact (Jos)
             11 footer · 12 contactpagina / lichte vlakken · 13 mobiel
   ========================================================================= */

/* ---------- 1. Decoratie: de "blaadjes" uit het logo ---------- */
:root {
	--weko-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56'%3E%3Cpath fill='%23e7b059' d='M0 0C20 0 40 8 50 25.6C60 8 80 0 100 0V6A50 50 0 0 1 0 6Z'/%3E%3C/svg%3E");
	--weko-leaf-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56'%3E%3Cpath fill='%231a1e36' d='M0 0C20 0 40 8 50 25.6C60 8 80 0 100 0V6A50 50 0 0 1 0 6Z'/%3E%3C/svg%3E");
	--weko-leaves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 196'%3E%3Cg fill='%23e7b059'%3E%3Cpath d='M0 0C20 0 40 8 50 25.6C60 8 80 0 100 0V6A50 50 0 0 1 0 6Z'/%3E%3Cpath d='M0 70C20 70 40 78 50 95.6C60 78 80 70 100 70V76A50 50 0 0 1 0 76Z'/%3E%3Cpath d='M0 140C20 140 40 148 50 165.6C60 148 80 140 100 140V146A50 50 0 0 1 0 146Z'/%3E%3C/g%3E%3C/svg%3E");
	/* Twee blaadjes + klompje (contactblok met Jos) */
	--weko-leaves-klomp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 196'%3E%3Cg fill='%23e7b059'%3E%3Cpath d='M0 0C20 0 40 8 50 25.6C60 8 80 0 100 0V6A50 50 0 0 1 0 6Z'/%3E%3Cpath d='M0 70C20 70 40 78 50 95.6C60 78 80 70 100 70V76A50 50 0 0 1 0 76Z'/%3E%3Cpath transform='translate(0 140)' d='M0 20C0 17.2 1.6 15.6 4.2 15.6C9 15.8 15 16.5 20 16.2C26 15.6 38 10 47 2.8C49 1 50 .4 51.2 .4C52.6 .4 54 1.5 55.6 3.4C61 11 70 17 88 18.7C93 19 97.6 19.4 99 21.5C100.4 24 100.4 33 99.3 37C97.8 45 92.5 52.4 84 54.6C82 55 80 55 77 55L69 55C61 55 52 47 44.5 45.3C40 45.3 37.5 48 35.5 51.2C34.2 53.5 33 55 30.5 55L17 55C12 55 8.5 53.5 6.5 50C4 45.5 1.6 39 .5 33C0 30 0 27 0 25Z'/%3E%3C/g%3E%3C/svg%3E");
	/* Wit vlak achter het logo in de gele topbalk (ontwerp: van boven 80% breed, onderaan 2× het logo) */
	--weko-tab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 439 46' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 46Q18 24 44 0H395Q421 24 439 46Z'/%3E%3C/svg%3E");
	--weko-leaf-w: clamp(3.5rem, 4.25vw, 5.125rem); /* losse blaadjes op de sectiegrens: 82px bij 1920 breed */
	--weko-nav-gap: clamp(1.25rem, 7vw - 3rem, 5.4375rem); /* 87px tussen de menu-items en tot de Contact-knop (1920 breed) */
	--weko-header-stuck: 6rem;    /* witte balk na scrollen (desktop) */
	--weko-logo-stuck: 4.375rem;  /* logo na scrollen (desktop) */
	/* Iconen uit het ontwerp (overgetrokken): assets/img/icons/ */
	--weko-icon-phone: url("../img/icons/phone.svg");
	--weko-icon-mail: url("../img/icons/mail.svg");
	--weko-chevron: url("../img/icons/chevron-left.svg");
}

/* ---------- 2. Header ---------- */
.mm-topbar { font-size: 1.125rem; }
.mm-topbar__list { gap: 2.25rem; }
.mm-topbar__list a[href^="tel:"]::before,
.mm-topbar__list a[href^="mailto:"]::before {
	content: ""; flex: none; width: 1.5rem; height: 1.5rem; margin-right: .85rem;
	background: currentColor;
	-webkit-mask: var(--weko-icon-phone) center / contain no-repeat; mask: var(--weko-icon-phone) center / contain no-repeat;
}
.mm-topbar__list a[href^="mailto:"]::before { width: 1.9375rem; height: 1.375rem; margin-right: 1.2rem; -webkit-mask-image: var(--weko-icon-mail); mask-image: var(--weko-icon-mail); }
.mm-nav__list a { font-weight: 400; font-size: 1.0625rem; color: var(--mm-ink); }
.mm-header__cta { --btn-bg: var(--mm-ink); --btn-fg: #fff; --btn-border: var(--mm-ink); }
.mm-header__cta:hover { --btn-bg: #333c6b; --btn-border: #333c6b; --btn-fg: #fff; }

@media (min-width: 1025px) {
	/* Ontwerp: logo links op de lijn van de inhoud; menu, Contact-knop en topbalk lopen rechts verder door
	   (Contact-knop eindigt 129px voorbij de inhoud bij 1920 breed; smaller scherm = gewoon de container). */
	.mm-topbar__inner, .mm-header__inner { width: auto; margin-inline: 0; padding-left: max(var(--mm-gutter), calc((100% - var(--mm-container)) / 2)); }
	.mm-header__inner { gap: var(--weko-nav-gap); padding-right: max(var(--mm-gutter), calc((100% - var(--mm-container)) / 2 - 8.0625rem)); }
	.mm-topbar__inner { gap: clamp(1.75rem, 4.9vw, 5.875rem); padding-right: max(var(--mm-gutter), calc((100% - var(--mm-container)) / 2 - 4.875rem)); }
	/* Menu rechts, met dezelfde afstand tussen de items als tot de Contact-knop */
	.mm-nav { margin-left: auto; padding-top: .3rem; }
	.mm-nav__list { gap: var(--weko-nav-gap); }
	.mm-nav__list > li.current-menu-item > a, .mm-nav__list > li.current-menu-ancestor > a { border-color: transparent; } /* ontwerp: geen streep onder "Home" */
	.mm-nav__list > li > a:hover { border-color: var(--mm-accent); }
	.mm-header .mm-header__cta { min-height: 2.4375rem; margin-top: .3rem; padding: .3em 2.05em; font-size: 1.125rem; } /* 142 × 39 bij 1920 breed */

	/* Groot logo dat in de gele topbalk steekt, op een wit vlak dat tot bovenaan doorloopt */
	.mm-topbar + .mm-header .mm-header__logo { position: relative; align-self: flex-start; margin-top: calc(var(--mm-topbar-height) * -.35); transition: margin-top .3s var(--mm-ease); }
	.mm-topbar + .mm-header .mm-header__logo::before {
		content: ""; position: absolute; z-index: -1; left: 50%; top: calc(var(--mm-topbar-height) * -.65);
		/* 2× de logobreedte; op smallere schermen niet verder dan de schermrand (de schuine kanten blijven zichtbaar) */
		width: calc(100% + 2 * min(51%, max(var(--mm-gutter), (100vw - var(--mm-container)) / 2) - .25rem)); height: calc(var(--mm-topbar-height) + 2px); transform: translateX(-50%);
		background: var(--weko-tab) center / 100% 100% no-repeat; transition: opacity .2s;
	}
	/* Gescrold (class is-stuck, main.js): kleiner logo en een smallere witte balk. De header houdt zijn
	   hoogte in de pagina (niets verspringt); alleen de witte balk krimpt, eronder is de pagina zichtbaar. */
	.mm-header { height: var(--mm-header-height); background: none; box-shadow: none; pointer-events: none; }
	.mm-header__inner { min-height: var(--mm-header-height); background: var(--mm-header-bg); box-shadow: 0 1px 0 var(--mm-line); pointer-events: auto; transition: min-height .3s var(--mm-ease), box-shadow .3s; }
	.mm-header .mm-logo img { transition: height .3s var(--mm-ease); }
	.mm-header.is-stuck .mm-header__inner { min-height: var(--weko-header-stuck); box-shadow: 0 .25rem 1.25rem rgba(32, 38, 68, .14); }
	.mm-header.is-stuck .mm-logo img { height: var(--weko-logo-stuck); }
	.mm-topbar + .mm-header.is-stuck .mm-header__logo { margin-top: calc((var(--weko-header-stuck) - var(--weko-logo-stuck)) / 2); }
	.mm-topbar + .mm-header.is-stuck .mm-header__logo::before { opacity: 0; }
	/* Ankerlinks landen onder de kleine balk */
	.mm-section[id], .mm-prose [id] { scroll-margin-top: calc(var(--weko-header-stuck) + 1rem); }
}

/* Taalwissel: vlag in de topbalk (ontwerp); tekstvariant als fallback */
.mm-topbar .mm-lang:not(.mm-lang--flags) ul { font-size: var(--mm-fs-sm); }
.mm-topbar .mm-lang:not(.mm-lang--flags) a[aria-current] { color: inherit; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .3em; }
.mm-topbar .mm-lang:not(.mm-lang--flags) a:hover { color: #fff; }
.mm-topbar .mm-lang__toggle { width: 2.5rem; height: var(--mm-topbar-height); color: var(--mm-ink); }
.mm-topbar .mm-lang__toggle .mm-flag { box-shadow: none; }

/* ---------- 3. Knoppen en kicker ---------- */
.mm-btn { min-height: 2.75rem; padding: .55em 1.6em; gap: 0; font-size: 1rem; }
.mm-btn .mm-arrow { display: none; }
.mm-btn::before { border-width: 1.5px; }
.mm-kicker { gap: 0; margin-bottom: clamp(1.5rem, 3vw, 2.75rem); font-size: clamp(1.125rem, 1rem + .4vw, 1.375rem); color: var(--mm-accent); }
.mm-kicker__slash { display: none; }
.mm-bg-grey .mm-kicker { color: #fff; } /* ontwerp: wit op geel ("Onze oplossingen"); let op: contrast 2:1 */
.mm-bg-dark p, .mm-imgtext--dark .mm-imgtext__text, .mm-bg-dark .mm-prose { color: rgba(255, 255, 255, .92); }
/* Op gele vlakken (lichte sectie, accent-CTA) zijn geel-op-geel en wit-op-geel onleesbaar: daar donkerblauw. */
.mm-bg-grey .mm-btn--primary, .mm-imgtext--grey .mm-btn--primary, .mm-cta--accent .mm-btn--primary { --btn-bg: var(--mm-ink); --btn-fg: #fff; --btn-border: var(--mm-ink); }
.mm-bg-grey .mm-btn--primary:hover, .mm-imgtext--grey .mm-btn--primary:hover, .mm-cta--accent .mm-btn--primary:hover { --btn-bg: #333c6b; --btn-border: #333c6b; }
.mm-cta--accent, .mm-bg-accent, .mm-cta--accent .mm-cta__text { color: var(--mm-ink); }
.mm-cta--accent .mm-btn--secondary-light { --btn-fg: var(--mm-ink); --btn-border: var(--mm-ink); }
.mm-cta--accent .mm-btn--secondary-light:hover { --btn-bg: var(--mm-ink); --btn-fg: #fff; }
.mm-bg-grey .mm-usps__icon, .mm-imgtext--grey .mm-kicker, .mm-cta--accent .mm-kicker { color: var(--mm-ink); }

/* ---------- 4. Hero ---------- */
.mm-hero--large { min-height: clamp(30rem, 78vh, 49rem); }
.mm-hero__content { max-width: 68rem; }
.mm-hero__title { margin-bottom: .9em; line-height: 1.04; }
.mm-hero__text { max-width: none; font-size: clamp(1.25rem, 1rem + 1vw, 2.125rem); line-height: 1.35; color: #fff; }
.mm-hero .mm-buttons { margin-top: clamp(2rem, 5vw, 4rem); gap: 1.5rem; }
.mm-hero .mm-btn--secondary-light { order: -1; } /* ontwerp: omlijnde knop eerst */
.mm-hero--large::after {
	content: ""; position: absolute; z-index: 0; pointer-events: none;
	right: max(var(--mm-gutter), calc((100% - var(--mm-container)) / 2 - 8.0625rem)); bottom: clamp(1rem, 3vw, 2.5rem);
	width: clamp(3.25rem, 6.4vw, 7.625rem); aspect-ratio: 100 / 196;
	background: var(--weko-leaves) center / contain no-repeat;
}

/* ---------- 5. Afbeelding + tekst in een kader (Over ons, Jos) ---------- */
.mm-imgtext.is-boxed .mm-imgtext__grid { align-items: center; gap: clamp(2rem, 8vw, 10rem); }
.mm-imgtext.is-boxed.mm-imgtext--img-right .mm-imgtext__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr); }
.mm-imgtext.is-boxed.mm-imgtext--img-left .mm-imgtext__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.mm-imgtext.is-boxed:not(.mm-imgtext--img-circle) .mm-imgtext__media { aspect-ratio: 11 / 10; }
.mm-imgtext__title { margin-bottom: 1.4em; }
.mm-imgtext__content { max-width: 36rem; }
.mm-imgtext .mm-buttons { margin-top: clamp(1.75rem, 3vw, 3rem); gap: 1.5rem; }

/* ---------- 6. Onze oplossingen (gele sectie, twee kolommen) ---------- */
.mm-text.mm-bg-grey { position: relative; }
.mm-text.mm-bg-grey::before { /* blaadje dat uit de gele sectie omhoog steekt (ontwerp: 46% steekt uit, op 26,5% van de inhoudsbreedte) */
	content: ""; position: absolute; top: calc(-.46 * var(--weko-leaf-w));
	left: calc(max(var(--mm-gutter), (100% - var(--mm-container)) / 2) + min(100% - 2 * var(--mm-gutter), var(--mm-container)) * .265);
	width: var(--weko-leaf-w); aspect-ratio: 100 / 56; background: var(--weko-leaf) center / contain no-repeat;
}
.mm-text.has-two-columns .mm-text__inner { column-gap: clamp(2rem, 7vw, 7.5rem); }
.mm-text .mm-prose h2 { margin-bottom: 1.4em; }
.mm-text .mm-prose h3 { margin: 0 0 .35em; }
.mm-bg-grey .mm-prose, .mm-bg-grey .mm-prose p { color: var(--mm-ink); }

/* ---------- 7. Fotoslider (geel → donker, middelste foto uitgelicht; zie main.css "mode focus") ---------- */
.mm-slider-section--focus { position: relative; isolation: isolate; }
.mm-text.mm-bg-grey + .mm-slider-section--focus { padding-top: 0; }
.mm-text.mm-bg-grey + .mm-slider-section--focus::before { /* bovenste helft van de foto's op geel */
	content: ""; position: absolute; z-index: -1; inset: 0 0 auto;
	height: calc(min(100vw - 2 * var(--mm-gutter), var(--mm-container)) * .2155);
	background: var(--mm-grey-bg);
}
.mm-slider__btn { border: 0; background: transparent; }
.mm-slider__btn > svg { display: none; }
.mm-slider__btn::before { content: ""; width: 1rem; height: 1.625rem; background: currentColor; -webkit-mask: var(--weko-chevron) center / contain no-repeat; mask: var(--weko-chevron) center / contain no-repeat; }
.mm-slider__btn--next::before { transform: scaleX(-1); }
.mm-slider__btn:hover, .mm-bg-dark .mm-slider__btn:hover { background: transparent; color: var(--mm-accent); }
.mm-slider__dots { gap: .75rem; }
.mm-slider__dots button { width: .7rem; height: .7rem; background: rgba(255, 255, 255, .35); }
.mm-slider__dots button[aria-selected="true"] { background: #fff; }
.mm-bg-white .mm-slider__dots button, .mm-bg-grey .mm-slider__dots button { background: rgba(32, 38, 68, .25); }
.mm-bg-white .mm-slider__dots button[aria-selected="true"], .mm-bg-grey .mm-slider__dots button[aria-selected="true"] { background: var(--mm-ink); }

/* ---------- 8. Waarom WEKO (USP's) ---------- */
.mm-usps .mm-section-header { grid-template-columns: 1fr; justify-items: center; text-align: center; margin-bottom: clamp(2.5rem, 5vw, 5rem); }
.mm-bg-dark.mm-usps .mm-section-header__title { color: var(--mm-accent); }
.mm-usps--no-image .mm-usps__grid { max-width: 76rem; margin-inline: auto; gap: clamp(2rem, 4vw, 3.5rem) clamp(2rem, 6vw, 6rem); }
.mm-usps__item, .mm-bg-dark .mm-usps__item, .mm-bg-white .mm-usps__item { display: grid; align-content: start; grid-template-columns: 3.75rem minmax(0, 1fr); column-gap: clamp(1rem, 2.3vw, 2.125rem); padding: 0; background: none; border: 0; }
.mm-usps__icon { grid-row: 1 / span 2; width: 3.75rem; height: 3.75rem; margin: -.85rem 0 0; background: none; color: var(--mm-accent); } /* icoon gecentreerd op de titelregel (ontwerp) */
.mm-usps__icon .mm-icon { width: 3.75rem; height: 3.75rem; stroke-width: 1.3; }
.mm-usps__title { margin: .15rem 0 .25rem; }
.mm-usps__text { font-size: var(--mm-fs-base); }
.mm-bg-dark .mm-usps__text { color: rgba(255, 255, 255, .92); }

/* ---------- 9. Referenties (reviews, één tegelijk) ---------- */
.mm-reviews.mm-bg-dark { position: relative; background: var(--mm-surface-darker); }
.mm-reviews.mm-bg-dark::before { /* donker blaadje boven de referenties (ontwerp: 46% steekt uit, 14,3% van rechts) */
	content: ""; position: absolute; top: calc(-.46 * var(--weko-leaf-w));
	right: calc(max(var(--mm-gutter), (100% - var(--mm-container)) / 2) + min(100% - 2 * var(--mm-gutter), var(--mm-container)) * .1426);
	width: var(--weko-leaf-w); aspect-ratio: 100 / 56; background: var(--weko-leaf-dark) center / contain no-repeat;
}
.mm-reviews .mm-section-header { grid-template-columns: 1fr; justify-items: center; text-align: center; }
.mm-reviews .mm-kicker { justify-content: center; }
.mm-reviews.mm-bg-dark .mm-kicker { color: #fff; }
.mm-reviews.mm-bg-dark .mm-section-header__title { color: var(--mm-accent); }
.mm-reviews--slider .mm-slider { max-width: 48rem; margin-inline: auto; }
.mm-reviews--slider .mm-slider__track { grid-auto-columns: 100%; }
.mm-reviews--slider .mm-review, .mm-bg-dark .mm-review { padding: 0 clamp(2.75rem, 8vw, 6rem); background: transparent; box-shadow: none; text-align: center; }
.mm-review__title { display: none; } /* reviewtitel is intern; het ontwerp toont naam – bedrijf boven de tekst */
.mm-review__author { order: -1; justify-content: center; margin-bottom: 1.5rem; font-size: clamp(1.125rem, .875rem + .45vw, 1.375rem); font-weight: 700; line-height: 1.3; } /* 22px */
.mm-review__author > span { display: inline; }
.mm-review__author strong { display: inline; }
.mm-review__company { color: inherit; font-size: inherit; }
.mm-review__company::before { content: " - "; }
.mm-bg-dark .mm-review__quote p { color: rgba(255, 255, 255, .92); font-size: var(--mm-fs-base); }
.mm-reviews--slider .mm-slider__controls { position: absolute; inset: 0; margin: 0; justify-content: space-between; pointer-events: none; }
.mm-reviews--slider .mm-slider__btn { pointer-events: auto; }
.mm-reviews--slider .mm-slider__btn:disabled { opacity: .25; }
.mm-reviews--slider .mm-slider__dots { visibility: hidden; }

/* ---------- 10. Contact met Jos (ronde foto met blaadjes) ---------- */
.mm-imgtext--img-circle .mm-imgtext__media { overflow: visible !important; position: relative; }
.mm-imgtext--img-circle .mm-imgtext__media img { border: 4px solid #fff; }
.mm-imgtext.is-boxed.mm-imgtext--img-circle .mm-imgtext__media { width: min(100%, 27.3125rem); justify-self: start; } /* ontwerp: 437px, links op de lijn */
.mm-imgtext--img-circle .mm-imgtext__media::after {
	content: ""; position: absolute; z-index: 1; right: -14%; bottom: -28%; width: 28%; aspect-ratio: 100 / 196;
	background: var(--weko-leaves-klomp) center / contain no-repeat; pointer-events: none;
}
.mm-imgtext--img-circle { padding-bottom: calc(var(--mm-section) + 3rem); }

/* ---------- 11. Footer (ontwerp: logo · Ga direct naar · Adres · socials rechtsboven) ---------- */
.mm-footer { position: relative; padding-block: clamp(4rem, 8vw, 8rem) 2rem; font-size: 1.125rem; }
.mm-footer__grid { grid-template-columns: minmax(0, 1.83fr) minmax(0, 1.03fr) minmax(0, 1fr); border-bottom: 0; }
.mm-footer__brand .mm-logo img { height: clamp(7rem, 12vw, 14.5rem); }
.mm-footer .mm-footer__heading { margin-bottom: .6rem; color: var(--mm-accent); font-size: 1.1875rem; line-height: 1.6; }
.mm-footer__menu, .mm-footer .mm-address { line-height: 2.2; } /* 40px regelafstand */
.mm-footer__menu li + li { margin-top: 0; }
.mm-footer .mm-address__contact { margin-top: 2.2em; } /* witregel tussen adres en telefoon */
.mm-footer a:hover { color: var(--mm-accent); text-decoration: none; }
.mm-footer__socials { position: absolute; top: clamp(4rem, 8vw, 8rem); right: max(var(--mm-gutter), calc((100% - var(--mm-container)) / 2 - 8.75rem)); }
.mm-socials { gap: .9rem; }
.mm-socials a { width: 1.625rem; height: 1.625rem; border: 0; color: var(--mm-accent); }
.mm-socials .mm-icon { width: 1.625rem; height: 1.625rem; }

/* ---------- 12. Contactpagina en lichte vlakken ---------- */
/* Gele links (briefing) zijn op wit onleesbaar (2:1): op lichte vlakken donkerblauw met gele onderstreping. */
.mm-bg-white .mm-prose a, .mm-text.mm-bg-white a, .mm-bg-white .mm-form a, .mm-breadcrumbs a:hover {
	color: var(--mm-ink); text-decoration: underline; text-decoration-color: var(--mm-accent); text-decoration-thickness: 2px; text-underline-offset: 3px;
}
.mm-form { line-height: 1.6; }
.mm-form input:not([type="checkbox"]), .mm-form select, .mm-form textarea { border-radius: .5rem; }
.mm-form input:focus, .mm-form select:focus, .mm-form textarea:focus { border-color: var(--mm-ink); box-shadow: 0 0 0 3px rgba(231, 176, 89, .45); }
.mm-contact__card { border-radius: 1.5rem; }
/* Contactpagina in de donkere huisstijl van de homepagina (contactformulier-module, achtergrond Donker) */
.mm-bg-dark .mm-form a { color: var(--mm-accent); text-decoration: underline; text-underline-offset: 3px; }
.mm-contact.mm-bg-dark .mm-section-header__title, .mm-contact__details--address .mm-contact__heading { color: #fff; }
.mm-contact__details--address { font-size: 1.125rem; line-height: 2.2; }
.mm-contact__details--address .mm-contact__heading { margin-bottom: .75rem; line-height: 1.3; }
.mm-contact__details--address .mm-address__lines { font-weight: 400; }
.mm-contact__details--address .mm-address__contact { margin-top: 2.2em; }
body:has(.mm-contact.mm-bg-dark) .mm-breadcrumbs a:hover { color: var(--mm-accent); }
.mm-contact__card .mm-contact-list { line-height: 1.6; }
.mm-breadcrumbs { line-height: 1.6; border: 0; }
.mm-alert--ok { color: var(--mm-ink); }

/* ---------- 13. Tablet en mobiel ---------- */
@media (max-width: 1024px) {
	.mm-nav__list a { font-size: var(--mm-fs-md); }
	/* Contact-knop in het uitklapmenu in plaats van los naast de burger */
	.mm-header__actions .mm-header__cta { display: none; }
	.mm-nav__mobile-extra .mm-btn { display: inline-flex; order: -1; --btn-bg: var(--mm-ink); --btn-fg: #fff; --btn-border: var(--mm-ink); }
	.mm-footer__grid { grid-template-columns: 1fr 1fr; }
	.mm-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
	.mm-imgtext.is-boxed.mm-imgtext--img-right .mm-imgtext__grid, .mm-imgtext.is-boxed.mm-imgtext--img-left .mm-imgtext__grid { grid-template-columns: 1fr; }
	.mm-imgtext.is-boxed.mm-imgtext--img-right .mm-imgtext__media { order: 2; } /* Over ons: tekst eerst, dan foto */
	.mm-imgtext.is-boxed.mm-imgtext--img-circle .mm-imgtext__media { width: min(70%, 20rem); justify-self: center; }
	.mm-imgtext--img-circle .mm-imgtext__media::after { right: -9%; bottom: 0; width: 22%; } /* figuur niet over de kop eronder */
	.mm-usps--no-image .mm-usps__grid { --cols: 1; }
}
@media (max-width: 600px) {
	.mm-footer__grid { grid-template-columns: 1fr; }
	.mm-footer__menu, .mm-footer .mm-address { line-height: 2; }
	.mm-text.mm-bg-grey + .mm-slider-section--focus::before { height: calc((100vw - 2 * var(--mm-gutter)) * .342); }
	.mm-hero--large::after { display: none; }
	.mm-hero .mm-buttons { gap: .75rem; }
	.mm-reviews--slider .mm-review { padding-inline: 2.5rem; }
}