/* V117 approved navigation: compact utility row, nine visible desktop/tablet destinations. */
.site-header .header-inner{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  row-gap:10px;
  column-gap:18px;
  padding:10px clamp(16px,3.2vw,48px) 12px;
}
.site-header .brand-link{grid-column:1;grid-row:1;width:clamp(185px,16vw,238px)}
.site-header .header-actions{grid-column:2;grid-row:1;gap:8px}
.site-header .top-nav{
  grid-column:1/-1;
  grid-row:2;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding-top:10px;
  border-top:1px solid rgba(119,166,205,.22);
}
.site-header .top-nav button{
  display:block!important;
  min-height:48px;
  padding:10px 16px;
  border:1px solid #315677;
  border-radius:10px;
  background:#123453;
  color:#f4f8fd;
  font-size:1rem;
  font-weight:700;
  line-height:1.2;
  box-shadow:none;
}
.site-header .top-nav button:hover{background:#19466f;border-color:#4d7ca5}
.site-header .top-nav button.active,
.site-header .top-nav button[aria-current="page"]{
  background:#2b8df4;
  border-color:#77baff;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.site-header[data-layout="two"] .hamburger{display:none!important}
.site-header .text-tools{display:none!important}
.site-header .font-mobile.header-font-tools{display:block;position:relative}
.site-header .font-mobile.header-font-tools summary,
.site-header .header-account,
.site-header .theme-toggle,
.site-header .icon-btn{
  min-height:46px;
  height:46px;
  border:1px solid #315677;
  border-radius:10px;
  background:#123453;
  color:#f4f8fd;
}
.site-header .font-mobile.header-font-tools summary{display:flex;align-items:center;justify-content:center;min-width:54px;padding:8px 12px;font-size:1.05rem}
.site-header .header-account{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;text-decoration:none;font-size:.98rem;white-space:nowrap}
.site-header .header-account:hover,.site-header .header-account:focus-visible,.site-header .font-mobile.header-font-tools summary:hover{background:#19466f;border-color:#5d91bd}
.site-header .font-popup{right:0;top:calc(100% + 2px);min-width:210px;display:grid;grid-template-columns:1fr;gap:4px;padding:8px}
.site-header .font-popup::before{content:"Kies een comfortabele tekstgrootte";display:block;padding:5px 8px 7px;color:#c9d9e8;font-size:.82rem;line-height:1.3}
.site-header .font-popup button{width:100%;text-align:left;min-height:42px;padding:8px 12px;border-radius:8px}

@media(max-width:760px){
  .site-header .header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;padding:8px 12px;column-gap:7px;row-gap:0}
  .site-header .brand-link{grid-column:1;grid-row:1;width:clamp(122px,35vw,160px)}
  .site-header .header-actions{grid-column:2;grid-row:1;gap:3px}
  .site-header .top-nav{display:none!important}
  .site-header[data-layout="compact"] .hamburger{display:flex!important}
  .site-header .search-btn{display:none!important}
  .site-header .font-mobile.header-font-tools{display:block}
  .site-header .font-mobile.header-font-tools summary,.site-header .theme-toggle,.site-header .hamburger{min-width:40px;width:40px;height:42px;min-height:42px;padding:7px}
  .site-header .header-account{height:42px;min-height:42px;padding:7px 10px;font-size:.86rem}
  .site-header .font-popup{position:fixed;top:var(--header-height);right:12px;width:min(260px,calc(100vw - 24px));min-width:0}
}

@media(max-width:430px){
  .site-header .header-inner{padding-inline:8px;column-gap:4px}
  .site-header .brand-link{width:110px}
  .site-header .header-actions{gap:2px}
  .site-header .font-mobile.header-font-tools summary,.site-header .theme-toggle,.site-header .hamburger{min-width:37px;width:37px}
  .site-header .header-account{padding-inline:7px;font-size:.78rem}
}