/* Uit In Nederland — site-brede header & footer (chrome), nieuwe huisstijl. Overschrijft de oude thema-chrome. */

/* ---------- HEADER (licht, sticky) ---------- */
.site-header{position:sticky;top:0;z-index:100;background:rgba(251,246,239,.92);
  backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--uin-lijn)}
.site-header__inner{display:flex;align-items:center;gap:20px;min-height:66px;
  max-width:1180px;margin:0 auto;padding:0 24px}
.site-wordmark{font-family:"Fraunces",Georgia,serif;font-weight:800;
  font-size:1.28rem;line-height:1.02;letter-spacing:-.02em;color:var(--uin-blauw);text-decoration:none;
  display:inline-flex;align-items:center;gap:9px}
.site-wordmark::before{content:"i";display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;
  background:var(--uin-blauw);color:#fff;border-radius:6px;transform:rotate(45deg);
  font-style:italic;font-size:.9rem}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:16px}
.nav-menu{display:flex;gap:22px;list-style:none;margin:0;padding:0;
  font-family:"Instrument Sans",system-ui,sans-serif;font-weight:500}
.nav-menu a{color:var(--uin-inkt);text-decoration:none;font-size:.97rem;white-space:nowrap;
  background:transparent;padding:6px 2px;border-radius:0}
/* oude amber-pil op actief/hover-item neutraliseren */
.nav-menu a:hover,.nav-menu .current-menu-item>a,.nav-menu .current_page_item>a,
.nav-menu .current-menu-item>a:hover{background:transparent;color:var(--uin-koraal)}
/* adverteren-item als knop uitlichten indien aanwezig */
.nav-menu li:last-child a{color:var(--uin-blauw);font-weight:600}

.site-nav__toggle{display:none;width:42px;height:42px;border:1px solid var(--uin-lijn);border-radius:10px;
  background:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center}
.site-nav__toggle span,.site-nav__toggle span::before,.site-nav__toggle span::after{
  content:"";display:block;width:20px;height:2px;background:var(--uin-inkt);position:relative;transition:.2s}
.site-nav__toggle span::before{position:absolute;top:-6px}
.site-nav__toggle span::after{position:absolute;top:6px}
.site-nav.is-open .site-nav__toggle span{background:transparent}
.site-nav.is-open .site-nav__toggle span::before{top:0;transform:rotate(45deg)}
.site-nav.is-open .site-nav__toggle span::after{top:0;transform:rotate(-45deg)}

@media(max-width:900px){
  .site-nav__toggle{display:inline-flex}
  .nav-menu{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;
    background:var(--uin-porselein);border-bottom:1px solid var(--uin-lijn);
    box-shadow:0 18px 30px rgba(20,71,122,.12);display:none}
  .site-nav.is-open .nav-menu{display:flex}
  .nav-menu li{border-top:1px solid var(--uin-lijn)}
  .nav-menu a{display:block;padding:14px 24px;font-size:1.02rem}
  .site-header__inner{position:relative}
}

/* ---------- FOOTER (vertrouwen) ---------- */
.site-footer{background:var(--uin-blauw-diep);color:#c0d0e2;
  font-family:"Instrument Sans",system-ui,sans-serif;padding:56px 0 28px;margin-top:0}
.site-footer .container{max-width:1180px;margin:0 auto;padding:0 24px}
.uin-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;
  padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}
.uin-foot__brand .b{font-family:"Fraunces",Georgia,serif;font-weight:800;
  color:#fff;font-size:1.3rem}
.uin-foot__brand p{margin:10px 0 0;font-size:.9rem;color:#9db2c8;max-width:34ch}
.uin-foot__col b{display:block;color:#fff;font-family:"Fraunces",Georgia,serif;
  font-size:.98rem;margin-bottom:12px}
.uin-foot__col a{display:block;color:#a9bdd2;text-decoration:none;font-size:.9rem;padding:4px 0}
.uin-foot__col a:hover{color:#fff}
.uin-foot__biz{font-size:.86rem;color:#9db2c8;line-height:1.7}
.uin-foot__biz b{display:block;color:#fff;font-family:"Fraunces",Georgia,serif;
  font-size:.98rem;margin-bottom:8px}
.uin-foot__biz a{color:#cfe0f0}
.uin-foot__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding-top:22px;font-size:.84rem;color:#8ba0b6}
.uin-foot__bottom a{color:#8ba0b6}
.uin-foot__bottom .net a{color:var(--uin-koraal);font-weight:600}
.uin-foot__legal a{margin-left:16px}
@media(max-width:820px){.uin-foot__grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.uin-foot__grid{grid-template-columns:1fr}.uin-foot__bottom{flex-direction:column}}