/* Mijn Heeze — lichte / donkere weergave, alleen actief waar plugin is geladen */
.mhts-toggle,
:is(.mh26, .ml26, .ms26) button.mhts-toggle {
  position:relative; display:inline-flex!important; justify-content:center!important;
  align-items:center!important; width:38px!important; min-width:38px!important;
  height:38px!important; padding:0!important; margin:0 4px!important;
  border:1px solid rgba(255,255,255,.45)!important; border-radius:7px!important;
  background:transparent!important; color:#fff!important; line-height:1!important;
  box-shadow:none!important; cursor:pointer!important; appearance:none!important;
}
.mhts-toggle:hover,
:is(.mh26, .ml26, .ms26) button.mhts-toggle:hover { background:rgba(255,255,255,.14)!important; }
.mhts-toggle:focus-visible { outline:2px solid #fff!important; outline-offset:2px!important; }
.mhts-toggle svg {display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}
.mhts-toggle--mobile {display:none!important;}
.mhts-toggle .mhts-icon-sun {display:none;}
html.mhts-dark .mhts-toggle .mhts-icon-sun {display:block;}
html.mhts-dark .mhts-toggle .mhts-icon-moon {display:none;}
@media (max-width:560px) {
  .mhts-toggle--desktop,
  :is(.mh26,.ml26,.ms26) button.mhts-toggle--desktop {display:none!important;}
  .mhts-toggle--mobile,
  :is(.mh26,.ml26,.ms26) .mhts-toggle--mobile {display:inline-flex!important;}
  :is(.mh26,.ml26,.ms26) .mhts-toggle--mobile {margin:0 8px 0 0!important;}
}

html.mhts-dark { color-scheme:dark;
  --mhts-bg:#111925; --mhts-panel:#1c2939; --mhts-card:#202e40;
  --mhts-text:#f3f6fa; --mhts-muted:#c0cad8;
  --mhts-border:#39495e; --mhts-link:#aac7ff;
}
html.mhts-dark body,
html.mhts-dark #page,
html.mhts-dark #content,
html.mhts-dark .site-main,
html.mhts-dark .site-content,
html.mhts-dark .elementor-location-single,
html.mhts-dark .elementor-location-archive,
html.mhts-dark .elementor-location-footer {
  background-color:var(--mhts-bg)!important; color:var(--mhts-text)!important;
}
/* Only surfaces identified as pale grey/white in the page are darkened. */
html.mhts-dark .mhts-surface { background-color:var(--mhts-panel)!important; border-color:var(--mhts-border)!important; }
html.mhts-dark :is(.elementor-post__card,.mh26-dossier-card,.elementor-tab-content,.elementor-accordion-item,.elementor-toggle-item) {
  border-color:var(--mhts-border)!important;
}
html.mhts-dark :is(.elementor-heading-title,.elementor-post__title,.elementor-post__title a,
 .entry-title,.entry-title a,.elementor-post__excerpt,.elementor-widget-text-editor,
 .elementor-widget-text-editor p,.elementor-widget-text-editor li,
 .jet-smart-listing__post-title,.jet-smart-listing__post-title a,
 .jet-smart-listing__post-excerpt,.jet-smart-tiles__box-title,
 .jet-smart-tiles__box-title a,.elementor-post__meta-data,.mh26-dossier-body h3,
 .mh26-dossier-body p,.elementor-widget-theme-archive-title .elementor-heading-title) {
  color:var(--mhts-text)!important;
}
html.mhts-dark :is(.elementor-post__meta-data,.mh26-dossier-meta, .elementor-post-info,
 .elementor-post-info__item,.jet-smart-listing__post-meta,.elementor-icon-list-text) {
  color:var(--mhts-muted)!important;
}
html.mhts-dark :is(.elementor-widget-text-editor a,.elementor-post__read-more,
 .entry-content a,.aioseo-breadcrumbs a,.mh26-dossier-card a:hover h3) {
  color:var(--mhts-link)!important;
}
/* Basic content that is not rendered through Elementor text widgets. */
html.mhts-dark :is(.entry-content,.entry-content p,.entry-content li,.entry-content h1,
 .entry-content h2,.entry-content h3,.entry-content h4,
 .site-main p,.site-main li,.site-main h1,.site-main h2,.site-main h3,
 .elementor-widget-post-content p,.elementor-widget-post-content li,
 .elementor-widget-post-content h1,.elementor-widget-post-content h2,
 .elementor-widget-post-content h3,.elementor-widget-post-content h4) {
  color:var(--mhts-text)!important;
}
html.mhts-dark :is(input, textarea, select) {
  background-color:var(--mhts-panel)!important; color:var(--mhts-text)!important;
  border-color:var(--mhts-border)!important;
}
html.mhts-dark :is(input,textarea)::placeholder {color:var(--mhts-muted)!important;opacity:1;}
html.mhts-dark :is(.elementor-widget-container table, .elementor-widget-container th,
 .elementor-widget-container td, .entry-content table, .entry-content th, .entry-content td) {
  color:var(--mhts-text)!important; border-color:var(--mhts-border)!important;
}
html.mhts-dark .elementor-pagination,html.mhts-dark .page-numbers,
html.mhts-dark .elementor-tab-title,html.mhts-dark .elementor-toggle-title {
  color:var(--mhts-link)!important;
}
/* Brand blue top bars, logos and all photos remain unchanged. Only the white navigation changes. */
html.mhts-dark :is(.mh26,.ml26,.ms26) {
 --text:var(--mhts-text); --muted:var(--mhts-muted);
 --border:var(--mhts-border); --light:var(--mhts-panel);
 background:var(--mhts-bg)!important;
}
html.mhts-dark :is(.mh26-nav,.ml26-nav,.ms26-nav,
 .mh26-search,.ml26-search,.ms26-search) {
 background:var(--mhts-bg)!important;border-color:var(--mhts-border)!important;
}
html.mhts-dark :is(.mh26-nav,.ml26-nav,.ms26-nav) :is(a,.mh-dropdown-link,.ml-dropdown-link,.ms-dropdown-link) {
 color:var(--mhts-text)!important;
}
html.mhts-dark :is(.mh26-nav,.ml26-nav,.ms26-nav) :is(a:hover,.mh-dropdown-link:hover,.ml-dropdown-link:hover,.ms-dropdown-link:hover) {
 color:var(--mhts-link)!important;
}
html.mhts-dark :is(.mh26,.ml26,.ms26) :is(.mh-dropdown-submenu,.ml-dropdown-submenu,.ms-dropdown-submenu,
 .mh26-places a,.ml26-places a,.ms26-places a) {
 background:var(--mhts-panel)!important; border-color:var(--mhts-border)!important;
}
html.mhts-dark :is(.mh26,.ml26,.ms26) :is(.mh-dropdown-submenu a,.ml-dropdown-submenu a,.ms-dropdown-submenu a) {
 background:var(--mhts-panel)!important;color:var(--mhts-text)!important;
}
html.mhts-dark :is(.mh26,.ml26,.ms26) :is(.mh-dropdown-submenu a:hover,.ml-dropdown-submenu a:hover,.ms-dropdown-submenu a:hover) {
 background:var(--mhts-card)!important;color:var(--mhts-link)!important;
}
/* Existing blue links and primary buttons keep the site's branding. */
html.mhts-dark :is(.mh26,.ml26,.ms26) :is(.mh26-top,.ml26-top,.ms26-top) {
 background-color:#0032AD!important;
}
@media (prefers-reduced-motion:reduce) {
 .mhts-toggle {transition:none!important;}
}
