/* ==========================================================================
   Mostmans Elektriciteit – stijlen
   Zelfde ontwerp als de originele website (kleuren, maten, kaarten),
   zonder de zware Tailwind-CDN: alles staat in dit ene, kleine bestand.
   ========================================================================== */

:root {
	--me-primary: 186 59% 47%;
	--me-primary-donker: 186 72% 30%;
	--me-secondary: 196 66% 22%;
	--me-fg: 195 100% 15%;
	--me-muted: 210 40% 96.1%;
	--me-muted-fg: 195 50% 35%;
	--me-border: 214.3 31.8% 91.4%;
	--me-destructive: 0 84.2% 60.2%;
	--me-radius: 0.5rem;
	--me-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--me-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--me-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--me-breed: 1248px;
}

/* ---------- Basis ---------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	margin: 0;
	background-color: #fff;
	color: hsl(var(--me-fg));
	font-family: var(--me-font);
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: hsl(var(--me-fg));
}

p {
	margin: 0;
}

img,
video {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
	outline: 2px solid hsl(var(--me-primary));
	outline-offset: 2px;
}

button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
}

[hidden] {
	display: none !important;
}

.entry-content [id],
.me-section[id] {
	scroll-margin-top: 8rem;
}

@media (max-width: 640px) {
	.entry-content [id],
	.me-section[id] {
		scroll-margin-top: 9rem;
	}
}

.me-icon {
	display: block;
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link:focus {
	clip: auto !important;
	clip-path: none;
	display: block;
	height: auto;
	width: auto;
	left: 1rem;
	top: 1rem;
	z-index: 100000;
	padding: 0.75rem 1rem;
	border-radius: 0.375rem;
	background: #fff;
	color: hsl(var(--me-fg));
	font-weight: 600;
	box-shadow: var(--me-shadow-lg);
}

.me-container {
	width: 100%;
	max-width: 1280px;
	margin-inline: auto;
	padding-inline: 1rem;
}

/* ---------- Header ---------- */

.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background-color: #fff;
	border-bottom: 1px solid hsl(var(--me-border));
}

.admin-bar .site-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

@media (max-width: 600px) {
	.admin-bar .site-header {
		top: 0;
	}
}

.topbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem 1rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid hsl(var(--me-border));
	font-size: 0.875rem;
	line-height: 1.25rem;
}

@media (max-width: 480px) {
	.topbar__scheiding {
		display: none;
	}
}

.topbar__item {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.topbar__telefoon {
	text-decoration: none;
	transition: color 0.15s;
}

.topbar__telefoon:hover {
	color: hsl(var(--me-primary-donker));
}

.topbar__telefoon .me-icon {
	width: 1rem;
	height: 1rem;
	color: hsl(var(--me-primary));
}

.navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 0;
}

.site-logo {
	display: inline-flex;
	flex: none;
}

.site-logo__img {
	display: block;
	width: auto;
	height: 3rem;
}

.main-nav {
	display: none;
}

.main-nav__lijst {
	display: flex;
	align-items: center;
	gap: 2rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-nav__lijst a {
	color: hsl(var(--me-fg));
	font-weight: 500;
	text-decoration: none;
	transition: color 0.15s;
}

.main-nav__lijst a:hover,
.main-nav__lijst a.is-actief,
.main-nav__lijst .current-menu-item > a:not([href*="#"]),
.main-nav__lijst .current_page_parent > a {
	color: hsl(var(--me-primary));
}

.main-nav .main-nav__cta,
.navbar__acties .navbar__cta {
	display: none;
}

.navbar__acties {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.nav-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 0.375rem;
	background: transparent;
	color: hsl(var(--me-fg));
	cursor: pointer;
	transition: background-color 0.2s;
}

.nav-toggle:hover {
	background-color: hsl(var(--me-primary) / 0.1);
}

.nav-toggle__dicht,
.is-menu-open .nav-toggle__open {
	display: none;
}

.is-menu-open .nav-toggle__dicht {
	display: block;
}

@media (max-width: 767.98px) {
	.is-menu-open .main-nav {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		max-height: calc(100vh - 9rem);
		overflow-y: auto;
		padding: 0.25rem 1rem 1.25rem;
		background: #fff;
		border-bottom: 1px solid hsl(var(--me-border));
		box-shadow: var(--me-shadow-lg);
	}

	.is-menu-open .main-nav__lijst {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.is-menu-open .main-nav__lijst a {
		display: block;
		padding: 0.875rem 0.25rem;
		border-bottom: 1px solid hsl(var(--me-border));
		font-size: 1.125rem;
	}

	.is-menu-open .main-nav .main-nav__cta {
		display: flex;
		width: 100%;
		margin-top: 1.25rem;
	}
}

@media (min-width: 768px) {
	.main-nav {
		display: flex;
		align-items: center;
	}

	.navbar__acties .navbar__cta {
		display: inline-flex;
	}

	.nav-toggle {
		display: none;
	}
}

/* ---------- Knoppen ---------- */

.me-btn,
.wp-block-button .wp-block-button__link,
.wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 2.75rem;
	padding: 0.5rem 2rem;
	border: 1px solid hsl(var(--me-primary));
	border-radius: calc(var(--me-radius) - 2px);
	background-color: hsl(var(--me-primary));
	color: #fff;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.me-btn:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-element-button:hover {
	background-color: hsl(var(--me-primary) / 0.9);
	color: #fff;
}

.me-btn:focus-visible,
.wp-block-button .wp-block-button__link:focus-visible {
	outline: 2px solid hsl(var(--me-fg));
	outline-offset: 2px;
}

.me-btn[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}

.me-btn--sm {
	min-height: 2.5rem;
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
}

.me-btn--licht {
	background-color: #fff;
	border-color: hsl(var(--me-border));
	color: hsl(var(--me-primary-donker));
}

.me-btn--licht:hover {
	background-color: hsl(var(--me-primary) / 0.08);
	color: hsl(var(--me-primary-donker));
}

.me-btn--arrow::after,
.is-style-arrow .wp-block-button__link::after {
	content: "";
	flex: none;
	width: 1.25rem;
	height: 1.25rem;
	background-color: currentColor;
	-webkit-mask: var(--me-pijl) center / contain no-repeat;
	mask: var(--me-pijl) center / contain no-repeat;
}

.me-knop-groot .wp-block-button__link {
	padding: 0.75rem 2rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

/* ---------- Inhoud en secties ---------- */

.entry-content .wp-block-columns {
	margin-bottom: 0;
}

.entry-content > .alignfull.me-section,
.entry-content > .alignfull.me-hero {
	margin-block: 0;
}

.me-section {
	padding-top: 2.5rem;
	padding-bottom: 4rem;
}

.me-section--muted {
	background-color: hsl(var(--me-muted) / 0.2);
}

.me-hero {
	padding-block: 5rem;
	background: linear-gradient(to bottom right, #fff, hsl(var(--me-muted) / 0.2));
}

.me-hero--pagina {
	padding-block: 4rem 3.5rem;
}

.me-hero__titel {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.25;
}

@media (min-width: 1024px) {
	.me-hero__titel {
		font-size: 3.75rem;
		line-height: 1;
	}
}

.me-hero__titel mark {
	display: block;
	background: none;
	color: hsl(var(--me-primary));
}

.me-lead {
	color: hsl(var(--me-muted-fg));
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.me-hero .me-lead {
	line-height: 1.625;
}

.me-hero .me-hero__titel + .me-lead {
	margin-block-start: 1rem;
}

.me-hero .me-lead + .wp-block-buttons {
	margin-block-start: 2rem;
}

.me-section__titel {
	font-size: 1.875rem;
	font-weight: 700;
	line-height: 2.25rem;
}

@media (min-width: 1024px) {
	.me-section__titel {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}
}

.me-section > .me-section__titel + .me-lead {
	margin-block-start: 1rem;
}

.me-section > .me-lead + * {
	margin-block-start: 4rem;
}

.me-section > .me-section__titel + :not(.me-lead) {
	margin-block-start: 3rem;
}

.me-section > .is-style-cta + .wp-block-columns {
	margin-block-start: 2.5rem;
}

.me-section > .wp-block-columns + .wp-block-buttons {
	margin-block-start: 3.5rem;
}

/* Kolommen: twee kolommen pas vanaf 1024px, net als het origineel. */
.wp-block-columns.me-gap-12 {
	gap: 3rem;
}

.wp-block-columns.me-gap-8 {
	gap: 2rem;
}

.wp-block-columns.me-features {
	gap: 2rem;
}

@media (max-width: 1023.98px) {
	.wp-block-columns.me-stack-lg {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.me-stack-lg > .wp-block-column {
		flex-basis: 100% !important;
	}
}

/* ---------- Groep met icoon (blokstijl "Icoon: …") ---------- */

[class*="is-style-icon-"] {
	--me-icon-grootte: 2rem;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 4rem;
	padding-left: 5rem;
}

[class*="is-style-icon-"]::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 4rem;
	height: 4rem;
	margin-top: -2rem;
	border-radius: 9999px;
	background: var(--me-icon, none) center / var(--me-icon-grootte) no-repeat, hsl(var(--me-primary) / 0.1);
}

.me-icon-sm {
	--me-icon-grootte: 1.5rem;
}

.wp-block-group[class*="is-style-icon-"] > * {
	margin-block: 0;
}

[class*="is-style-icon-"] h3 {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.025em;
}

[class*="is-style-icon-"]:has(> p) h3 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
	letter-spacing: 0;
}

[class*="is-style-icon-"] p {
	color: hsl(var(--me-muted-fg));
}

/* In een kenmerkenrij: icoon gecentreerd erboven. */
.me-features [class*="is-style-icon-"] {
	align-items: center;
	max-width: 280px;
	min-height: 0;
	margin-inline: auto;
	padding-top: 4.75rem;
	padding-left: 0;
	text-align: center;
}

.me-features [class*="is-style-icon-"]::before {
	top: 0;
	left: 50%;
	margin: 0 0 0 -2rem;
}

.me-features [class*="is-style-icon-"] h3,
.me-features [class*="is-style-icon-"]:has(> p) h3 {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5rem;
	letter-spacing: 0;
}

.me-features [class*="is-style-icon-"] p {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

[class*="is-style-icon-"] p.me-kenmerk-titel {
	color: hsl(var(--me-fg));
	font-weight: 600;
}

.me-features [class*="is-style-icon-"] p.me-kenmerk-titel {
	font-size: 1rem;
	line-height: 1.5rem;
}

/* ---------- Kaart, oproepblok, paneel ---------- */

.is-style-card {
	padding: 2rem;
	border: 1px solid hsl(var(--me-border));
	border-radius: calc(var(--me-radius) + 2px);
	background-color: #fff;
	color: hsl(var(--me-fg));
	box-shadow: var(--me-shadow-sm);
	transition: box-shadow 0.15s;
}

.is-style-card:hover {
	box-shadow: var(--me-shadow-lg);
}

.wp-block-column > .is-style-card:only-child {
	height: 100%;
}

.is-style-card > p {
	color: hsl(var(--me-muted-fg));
}

.is-style-card > h3 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
}

.is-style-card > [class*="is-style-icon-"] + *,
.is-style-card > h3 + * {
	margin-block-start: 1.5rem;
}

.is-style-card > p + .wp-block-list {
	margin-block-start: 1rem;
}

.is-style-cta {
	padding: 2rem;
	border-radius: 1rem;
	background-color: hsl(var(--me-primary) / 0.05);
}

@media (min-width: 1024px) {
	.is-style-cta {
		padding: 3rem;
	}
}

.is-style-cta h3 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
}

@media (min-width: 1024px) {
	.is-style-cta h3 {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
}

.is-style-cta .wp-block-column > p {
	color: hsl(var(--me-muted-fg));
}

.is-style-cta .wp-block-column > h3 + p {
	margin-block-start: 1rem;
}

.is-style-cta .wp-block-column > p + .wp-block-buttons {
	margin-block-start: 1.5rem;
}

.is-style-panel {
	padding: 1.5rem;
	border-radius: 0.75rem;
	background-color: #fff;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.is-style-panel > h4 {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5rem;
}

.is-style-panel > h4 + * {
	margin-block-start: 1rem;
}

/* ---------- Lijsten met vinkjes ---------- */

.wp-block-list[class*="is-style-checklist"] {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

[class*="is-style-checklist"] > li {
	position: relative;
	font-size: 0.875rem;
	line-height: 1.25rem;
}

[class*="is-style-checklist"] > li::before {
	content: "";
	position: absolute;
	left: 0;
	background: var(--me-vinkje) center / contain no-repeat;
}

.is-style-checklist > li {
	padding-left: 2rem;
}

.is-style-checklist > li + li {
	margin-top: 0.75rem;
}

.is-style-checklist > li::before {
	top: 0;
	width: 1.25rem;
	height: 1.25rem;
}

.is-style-checklist-sm > li {
	padding-left: 1.5rem;
}

.is-style-checklist-sm > li + li {
	margin-top: 0.5rem;
}

.is-style-checklist-sm > li::before {
	top: 0.125rem;
	width: 1rem;
	height: 1rem;
}

.is-style-checklist-titel > li {
	padding-left: 2rem;
	color: hsl(var(--me-muted-fg));
}

.is-style-checklist-titel > li + li {
	margin-top: 1rem;
}

.is-style-checklist-titel > li::before {
	top: 0.25rem;
	width: 1.25rem;
	height: 1.25rem;
}

.is-style-checklist-titel > li strong {
	display: block;
	color: hsl(var(--me-fg));
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}

/* ---------- Veelgestelde vragen (blok "Details") ---------- */

.wp-block-details.me-faq {
	padding: 0;
	border: 1px solid hsl(var(--me-border));
	border-radius: 0.625rem;
	background: #fff;
	box-shadow: var(--me-shadow-sm);
}

.wp-block-details.me-faq + .wp-block-details.me-faq {
	margin-block-start: 0.75rem;
}

.me-faq summary {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}

.me-faq summary::-webkit-details-marker {
	display: none;
}

.me-faq summary::after {
	content: "+";
	color: hsl(var(--me-primary));
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.me-faq[open] summary::after {
	content: "–";
}

.me-faq > :not(summary) {
	margin: 0;
	padding: 0 1.25rem 1rem;
	color: hsl(var(--me-muted-fg));
}

/* ---------- Formulieren ---------- */

.me-form {
	display: grid;
	gap: 1.5rem;
}

.is-style-card > .wp-block-shortcode,
.is-style-card > .me-form {
	margin-block-start: 1.5rem;
}

.me-form__meldingen:empty {
	display: none;
}

.me-form__meldingen:focus {
	outline: none;
}

.me-melding {
	padding: 1rem;
	border-radius: var(--me-radius);
	font-size: 0.9375rem;
}

.me-melding--ok {
	background-color: hsl(var(--me-primary) / 0.1);
	color: hsl(var(--me-primary-donker));
}

.me-melding--fout {
	background-color: hsl(var(--me-destructive) / 0.1);
	color: hsl(0 72% 40%);
}

.me-raster-2 {
	display: grid;
	gap: 1.5rem 1rem;
}

@media (min-width: 768px) {
	.me-raster-2 {
		grid-template-columns: 1fr 1fr;
	}
}

.me-veld {
	display: grid;
	gap: 0.5rem;
	min-width: 0;
}

.me-veld > label {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25rem;
}

.me-input {
	display: block;
	width: 100%;
	padding: 0.5rem 0.75rem;
	border: 1px solid hsl(var(--me-border));
	border-radius: var(--me-radius);
	background-color: #fff;
	color: hsl(var(--me-fg));
	font-size: 1rem;
	line-height: 1.5rem;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.me-input::placeholder {
	color: #9ca3af;
}

.me-input:focus {
	outline: none;
	border-color: hsl(var(--me-primary));
	box-shadow: 0 0 0 3px hsl(var(--me-primary) / 0.2);
}

.me-input[aria-invalid="true"] {
	border-color: hsl(var(--me-destructive));
}

.me-textarea {
	min-height: 6.5rem;
	resize: vertical;
}

.me-select {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 2.5rem;
	background: #fff var(--me-chevron) right 0.75rem center / 1rem no-repeat;
	cursor: pointer;
}

input[type="date"].me-input {
	min-height: 2.625rem;
}

.me-fout {
	margin: 0;
	color: hsl(0 72% 45%);
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.me-fout:empty {
	display: none;
}

fieldset.me-keuzegroep {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.me-legend {
	margin-bottom: 0.25rem;
	padding: 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.5rem;
}

.me-legend--klein {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25rem;
}

.me-keuze {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.5rem;
	cursor: pointer;
}

.me-keuze input {
	width: 1rem;
	height: 1rem;
	margin: 0;
	accent-color: hsl(var(--me-primary));
}

.me-groep,
.me-voorwaardelijk {
	display: grid;
	gap: 1rem;
}

.me-groep__titel {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.75rem;
}

.me-form__verzend {
	width: 100%;
	padding-block: 0.75rem;
}

.me-form__privacy {
	margin-top: -0.75rem;
	color: hsl(var(--me-muted-fg));
	font-size: 0.8125rem;
	text-align: center;
}

.me-form__privacy a {
	color: inherit;
}

.me-hp {
	position: absolute !important;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ---------- Venster "Gratis adviesgesprek" ---------- */

.me-venster {
	width: min(600px, calc(100vw - 2rem));
	max-width: none;
	max-height: min(80vh, calc(100dvh - 2rem));
	padding: 1.5rem;
	border: 0;
	border-radius: calc(var(--me-radius) + 4px);
	background: #fff;
	color: hsl(var(--me-fg));
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.me-venster::backdrop {
	background: rgb(0 0 0 / 0.5);
}

.me-venster[open] {
	animation: me-in 0.2s ease-out;
}

@keyframes me-in {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

html.me-venster-open {
	overflow: hidden;
}

.me-venster__kop {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.me-venster__titel {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 2rem;
}

.me-venster__intro {
	margin-top: 0.5rem;
	color: hsl(var(--me-muted-fg));
}

.me-venster__sluiten {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 0;
	border-radius: 0.375rem;
	background: transparent;
	color: hsl(var(--me-fg));
	cursor: pointer;
}

.me-venster__sluiten:hover {
	background-color: hsl(var(--me-muted));
}

.me-venster__sluiten .me-icon {
	width: 1.5rem;
	height: 1.5rem;
}

@media (max-width: 640px) {
	.me-venster {
		width: calc(100vw - 1rem);
		max-height: calc(100dvh - 1rem);
		padding: 1.25rem;
	}
}

/* ---------- Footer ---------- */

.site-footer {
	padding: 2rem 1rem;
	border-top: 1px solid hsl(var(--me-border));
	background-color: hsl(var(--me-muted) / 0.5);
	color: hsl(var(--me-muted-fg));
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
}

.site-footer__binnen {
	max-width: 72rem;
	margin: 0 auto;
}

.site-footer p + p {
	margin-top: 0.5rem;
}

.site-footer a {
	color: inherit;
	text-decoration: none;
}

.site-footer a:hover {
	color: hsl(var(--me-primary-donker));
	text-decoration: underline;
}

.site-footer__contact span {
	margin-inline: 0.5rem;
}

.site-footer__menu {
	margin-top: 1rem;
}

.site-footer__lijst {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ---------- Pagina's en blog ---------- */

.me-pagina-kop {
	padding-block: 4rem 2.5rem;
	border-bottom: 1px solid hsl(var(--me-border));
	background: linear-gradient(to bottom right, #fff, hsl(var(--me-muted) / 0.6));
}

.me-pagina-kop__binnen {
	max-width: 768px;
	margin: 0 auto;
}

.me-pagina-kop--breed .me-pagina-kop__binnen {
	max-width: var(--me-breed);
}

.me-pagina-kop__titel {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.2;
}

@media (min-width: 1024px) {
	.me-pagina-kop__titel {
		font-size: 3rem;
	}
}

.me-pagina-kop .me-lead {
	margin-top: 1rem;
}

.me-meta {
	margin-bottom: 0.75rem;
	color: hsl(var(--me-muted-fg));
	font-size: 0.875rem;
}

.me-meta a {
	color: hsl(var(--me-primary-donker));
}

.me-tekst {
	padding-block: 2.5rem 4rem;
	font-size: 1.0625rem;
	line-height: 1.75;
}

.me-tekst > h2 {
	margin-block-start: 2.5rem;
	font-size: 1.875rem;
	line-height: 1.25;
}

.me-tekst > h3 {
	margin-block-start: 2rem;
	font-size: 1.5rem;
	line-height: 1.3;
}

.me-tekst > h4 {
	margin-block-start: 1.5rem;
	font-size: 1.125rem;
}

.me-tekst a:not(.wp-element-button):not(.wp-block-button__link) {
	color: hsl(var(--me-primary-donker));
	text-decoration: underline;
	text-underline-offset: 2px;
}

.me-tekst > ul:not([class*="is-style-checklist"]),
.me-tekst > ol {
	padding-left: 1.25rem;
}

.me-tekst li + li {
	margin-top: 0.375rem;
}

.me-tekst blockquote {
	margin-left: 0;
	padding-left: 1.25rem;
	border-left: 4px solid hsl(var(--me-primary));
	font-style: italic;
}

.me-tekst img {
	border-radius: 0.5rem;
}

.me-uitgelicht {
	max-width: calc(var(--me-breed) + 2rem);
	margin: 2.5rem auto 0;
}

.me-uitgelicht img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 1rem;
}

.me-artikel__oproep {
	padding-bottom: 4rem;
}

.me-berichtnav {
	padding-block: 2rem;
	border-top: 1px solid hsl(var(--me-border));
}

.me-berichtnav__binnen {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	max-width: var(--me-breed);
	margin: 0 auto;
}

.me-berichtnav a {
	color: hsl(var(--me-primary-donker));
	font-weight: 500;
	text-decoration: none;
}

.me-overzicht {
	padding-block: 3rem 4rem;
}

.me-berichten {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr));
	gap: 2rem;
	max-width: var(--me-breed);
	margin: 0 auto;
}

.me-bericht {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid hsl(var(--me-border));
	border-radius: 0.625rem;
	background: #fff;
	box-shadow: var(--me-shadow-sm);
	transition: box-shadow 0.15s;
}

.me-bericht:hover {
	box-shadow: var(--me-shadow-lg);
}

.me-bericht__beeld img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.me-bericht__tekst {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1.5rem;
}

.me-bericht__tekst .me-meta {
	margin: 0;
}

.me-bericht__titel {
	font-size: 1.25rem;
	line-height: 1.4;
}

.me-bericht__titel a {
	color: inherit;
	text-decoration: none;
}

.me-bericht__titel a:hover {
	color: hsl(var(--me-primary-donker));
}

.me-bericht__samenvatting {
	color: hsl(var(--me-muted-fg));
	font-size: 0.9375rem;
}

.me-bericht__meer {
	margin-top: auto;
	padding-top: 0.5rem;
	color: hsl(var(--me-primary-donker));
	font-weight: 500;
	text-decoration: none;
}

.navigation.pagination {
	max-width: var(--me-breed);
	margin: 3rem auto 0;
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
}

.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.75rem;
	border: 1px solid hsl(var(--me-border));
	border-radius: 0.375rem;
	color: hsl(var(--me-fg));
	text-decoration: none;
}

.page-numbers.current {
	border-color: hsl(var(--me-primary));
	background: hsl(var(--me-primary));
	color: #fff;
}

.me-leeg {
	color: hsl(var(--me-muted-fg));
	text-align: center;
}

/* ---------- 404 ---------- */

.me-404 {
	display: flex;
	align-items: center;
	min-height: 55vh;
}

.me-404__binnen {
	width: 100%;
	max-width: var(--me-breed);
	margin: 0 auto;
}

.me-404 .me-hero__titel {
	max-width: 48rem;
}

.me-404 .me-lead {
	max-width: 40rem;
	margin-top: 1rem;
}

.me-404__knoppen {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 2rem;
}

/* ---------- Iconen (data-URI's, gegenereerd) ---------- */
:root {
	--me-pijl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 7l5 5m0 0l-5 5m5-5H6'/%3E%3C/svg%3E");
	--me-vinkje: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
	--me-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232d7086' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
}

.is-style-icon-huis {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6'/%3E%3C/svg%3E");
}

.is-style-icon-bliksem {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 10V3L4 14h7v7l9-11h-7z'/%3E%3C/svg%3E");
}

.is-style-icon-kalender {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E");
}

.is-style-icon-vinkje {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");
}

.is-style-icon-gebouw {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4'/%3E%3C/svg%3E");
}

.is-style-icon-lamp {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z'/%3E%3C/svg%3E");
}

.is-style-icon-schild {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z'/%3E%3C/svg%3E");
}

.is-style-icon-klembord {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4'/%3E%3C/svg%3E");
}

.is-style-icon-zon {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z'/%3E%3C/svg%3E");
}

.is-style-icon-telefoon {
	--me-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2331b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E");
}