.wp-site-blocks > header:has(.mha-shell) {
  position: sticky;
  top: 0;
  z-index: 200;
  background: rgba(228, 235, 226, 0.94);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
  padding-top: env(safe-area-inset-top, 0px);
}
.admin-bar .wp-site-blocks > header:has(.mha-shell) {
  top: var(--wp-admin--admin-bar--height, 32px);
}
.wp-site-blocks > header.mha-scrolled {
  border-bottom-color: rgba(97, 114, 94, 0.25);
}
header .mha-shell {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 16px;
  padding-block: 20px;
}
header .mha-shell > p {
  margin: 0 !important;
}
header .mha-tools {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  justify-self: start;
}
header .mha-tools .michels-header-search {
  margin: 0;
}
header .mha-tools .michels-language-picker {
  position: relative;
  margin: 0;
}
header .mha-shell .michels-page-navigation {
  display: block;
  margin: 0;
  justify-self: end;
  font-size: 16px;
  line-height: 1.6;
}
header .mha-shell .michels-page-navigation > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 4px 18px;
  list-style: none;
  margin: 0;
  padding: 0;
}
header .mha-shell .michels-page-navigation > ul > li > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 6px 0;
  background: transparent;
  color: #315f78;
  font-weight: 400;
  text-decoration: none;
  transition: color 0.2s;
  line-height: 1.3;
  box-sizing: border-box;
}
header .mha-shell .michels-page-navigation a::before {
  content: "";
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d7354f;
  transform: scale(0);
  transition: transform 0.2s;
}
header .mha-shell .michels-page-navigation a[aria-current="page"]::before {
  transform: scale(1);
}
header
  .mha-shell
  .michels-page-navigation
  a:is(:hover, :focus-visible)::before {
  transform: scale(0.6);
}
header .mha-shell .michels-page-navigation a:is(:hover, :focus-visible) {
  color: #b8213b;
}
header .mha-shell .michels-nav-accent {
  background: none;
  padding: 0;
  border-radius: 0;
}
.mha-logo:focus-visible {
  outline: 2px solid #d7354f;
  outline-offset: 5px;
  border-radius: 2px;
}
.mha-splash {
  position: fixed;
  inset: 0;
  z-index: 99998;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #e4ebe2;
  transition: background-color 0.6s;
  cursor: pointer;
}
.mha-splash .mha-mark {
  height: auto;
  width: min(76vw, 640px);
}
.mha-mark.mha-intro .mha-dot {
  animation: mha-drop 0.75s cubic-bezier(0.3, 0.7, 0.4, 1) both;
}
.mha-mark.mha-intro .mha-word {
  animation: mha-left 0.7s 0.5s cubic-bezier(0.65, 0, 0.25, 1) both;
}
.mha-mark.mha-intro .mha-blog {
  animation: mha-right 0.55s 0.95s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.mha-mark.mha-out .mha-word {
  animation: mha-collapse-left 0.45s cubic-bezier(0.65, 0, 0.25, 1) both;
}
.mha-mark.mha-out .mha-blog {
  animation: mha-collapse-right 0.4s cubic-bezier(0.65, 0, 0.25, 1) both;
}
.mha-mark.mha-out .mha-dot {
  animation: mha-swell 0.45s cubic-bezier(0.3, 0.7, 0.4, 1) both;
}
.mha-mark.mha-in .mha-dot {
  animation: mha-hop 0.7s cubic-bezier(0.3, 0.7, 0.4, 1) both;
}
.mha-mark.mha-in .mha-word {
  animation: mha-left 0.55s 0.2s cubic-bezier(0.65, 0, 0.25, 1) both;
}
.mha-mark.mha-in .mha-blog {
  animation: mha-right 0.45s 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
@keyframes mha-drop {
  0% {
    transform: translateY(-320%) scale(0.5);
    opacity: 0;
  }
  45% {
    transform: translateY(0) scale(1.2, 0.8);
    opacity: 1;
  }
  65% {
    transform: translateY(-40%) scale(0.92, 1.08);
  }
  82% {
    transform: translateY(0) scale(1.06, 0.94);
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes mha-left {
  from {
    clip-path: inset(0 0 0 71%);
  }
  to {
    clip-path: inset(0);
  }
}
@keyframes mha-right {
  from {
    clip-path: inset(0 29% 0 0);
    transform: translateX(-1.5%);
  }
  to {
    clip-path: inset(0);
    transform: none;
  }
}
@keyframes mha-collapse-left {
  from {
    clip-path: inset(0);
  }
  to {
    clip-path: inset(0 0 0 71%);
  }
}
@keyframes mha-collapse-right {
  from {
    clip-path: inset(0);
  }
  to {
    clip-path: inset(0 29% 0 0);
  }
}
@keyframes mha-swell {
  from {
    transform: none;
  }
  to {
    transform: scale(1.35);
  }
}
@keyframes mha-hop {
  0% {
    transform: scale(1.35);
  }
  35% {
    transform: translateY(-110%) scale(1);
  }
  55% {
    transform: translateY(0) scale(1.2, 0.8);
  }
  75% {
    transform: translateY(-25%) scale(0.95, 1.05);
  }
  100% {
    transform: none;
  }
}
@media (max-width: 1100px) {
  header .mha-shell {
    grid-template-columns: auto 1fr;
    gap: 16px;
  }
  header .mha-shell .michels-page-navigation {
    grid-column: 1/-1;
    grid-row: 2;
    justify-self: start;
    line-height: 1.6;
  }
  header .mha-shell .michels-page-navigation > ul {
    justify-content: flex-start;
    gap: 4px 18px;
    list-style: none;
    margin: 0;
    padding: 0;
  }
}
/* Op mobiel blijft één compacte regel staan; navigatie opent alleen op verzoek. */
.mha-menu-toggle { display: none; }
@media (max-width: 700px) {
  .wp-site-blocks > header:has(.mha-shell),
  .wp-site-blocks > header .has-global-padding:has(.mha-shell) { padding-inline: 0 !important; }
  .wp-site-blocks > header .alignfull:has(.mha-shell) { margin-inline: 0 !important; }
  header .mha-shell.mha-mobile-ready {
    position: relative;
    grid-template-columns: auto auto 1fr;
    gap: 4px;
    width: calc(100% - 24px);
    max-width: none;
    margin-inline: auto !important;
    padding-block: 6px;
  }
  header .mha-mobile-ready .mha-mark {
    width: clamp(56px, calc(100vw - 230px), 160px);
    height: auto;
  }
  header .mha-mobile-ready .mha-tools { gap: 0; }
  header .mha-mobile-ready .mha-menu-toggle {
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    min-height: 44px;
    min-width: 44px;
    padding: 0 4px;
    border: 1px solid #899887;
    border-radius: 4px;
    font: 400 15px/1.3 var(--michels-display-font, Arial, sans-serif);
    color: #315f78;
    background: transparent;
    cursor: pointer;
  }
  header .mha-mobile-ready .mha-menu-toggle:focus-visible {
    outline: 2px solid #b8213b;
    outline-offset: 3px;
  }
  header .mha-mobile-ready .michels-page-navigation {
    display: none;
    position: absolute;
    grid-area: auto;
    box-sizing: border-box;
    inset: 100% 0 auto;
    z-index: 300;
    width: auto;
    max-height: min(65vh, 420px);
    overflow-y: auto;
    padding: 12px;
    border: 1px solid #899887;
    border-radius: 4px;
    background: #e4ebe2;
    box-shadow: 0 4px 12px rgb(0 0 0 / 12%);
  }
  header .mha-mobile-ready.mha-menu-open .michels-page-navigation { display: block; }
  header .mha-mobile-ready .michels-page-navigation > ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 12px;
  }
  header .mha-mobile-ready .michels-page-navigation > ul > li > a { width: 100%; }
}
@media (max-width: 560px) {
  header .mha-shell {
    padding-block: 12px;
    column-gap: 16px;
  }
  header .mha-tools {
    gap: 6px;
  }
  header .mha-shell .michels-page-navigation > ul {
    gap: 0 14px;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  header .mha-shell .michels-page-navigation > ul > li > a {
    font-size: 15px;
    line-height: 1.3;
  }
}
@media (max-width: 380px) {
  header .mha-shell { column-gap: 8px; }
}
@media (max-height: 600px) {
  .wp-site-blocks > header:has(.mha-shell) {
    position: static;
    padding-top: env(safe-area-inset-top, 0px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mha-mark,
  .mha-mark *,
  .mha-splash,
  header:has(.mha-shell),
  header .mha-shell a,
  header .mha-shell a::before {
    animation: none !important;
    transition: none !important;
  }
  .mha-splash {
    display: none;
  }
}
@media print {
  .wp-site-blocks > header:has(.mha-shell) {
    position: static;
    padding-top: env(safe-area-inset-top, 0px);
  }
  .mha-splash {
    display: none;
  }
}
header .mha-tools .michels-language-picker nav {
  left: auto;
  right: 0;
}
header .mha-shell .michels-page-navigation li {
  margin: 0;
  padding: 0;
}