/* FVWL — header, opbouw “split”: alleen geladen als die opbouw aan staat (Weergave → FVWL header of ?fvwl_hdr=split).
   Eigen bestand (13 nov 2026): de cache vóór de site (Varnish) bewaart stijlbestanden zonder naar ?ver te kijken; een gewijzigd
   header.css kwam daardoor niet bij de bezoeker aan. Een nieuw pad zit niet in die cache. */
/* ---------- Opbouw “split” (13 nov 2026): compacte balk op één rij ----------
   Logo in het midden (kleiner), de eerste helft van het menu links ervan, de tweede helft rechts, iconen uiterst rechts.
   Geen lijn tussen logo en menu; de bovenbalk iets lager. Aan met Weergave → FVWL header, of ?fvwl_hdr=split.
   Vanaf 1200 px; van 1024 tot 1199 px de mobiele balk met het hamburgermenu (zelfde paneel als op mobiel).
   Onder 1024 px verandert er niets. */
@media (min-width:1024px){ /* bovenbalk 31 px in plaats van 39 px; onder 1024 px blijft hij zoals hij was */
  .fvwl-hdr--split .fvwl-top__inner{ min-height:30px; }
  .fvwl-hdr--split .fvwl-top__msg{ padding:4px 0 0; }
  .fvwl-hdr--split .fvwl-lang__btn{ padding:4px 0 2px !important; line-height:1.5; }
  .fvwl-hdr--split .fvwl-top__links a{ display:inline-block; line-height:1.5; padding-top:2px; }
}
@media (min-width:1200px){
  .fvwl-hdr--split .fvwl-bar__inner{ grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); grid-template-rows:76px; min-height:76px; gap:0 44px; }
  .fvwl-hdr--split .fvwl-nav{ display:contents; }
  .fvwl-hdr--split .fvwl-nav__list{ grid-row:1; justify-content:flex-start; gap:0 28px; }
  .fvwl-hdr--split .fvwl-nav__list--l{ grid-column:1; justify-self:end; }
  .fvwl-hdr--split .fvwl-nav__list--r{ grid-column:3; justify-self:start; }
  .fvwl-hdr--split .fvwl-logo{ position:static; transform:none; grid-column:2; grid-row:1; }
  .fvwl-hdr--split .fvwl-logo img{ height:50px; }
  .fvwl-hdr--split .fvwl-tools{ grid-column:3; grid-row:1; justify-self:end; gap:18px; }
  .fvwl-hdr--split .fvwl-nav__link{ padding:31px 0 27px; font-size:11.5px; letter-spacing:.16em; }
  .fvwl-hdr--split .fvwl-nav__link::after{ bottom:22px; }
}
@media (min-width:1200px) and (max-width:1399px){
  .fvwl-hdr--split .fvwl-bar__inner{ gap:0 30px; padding:0 24px; }
  .fvwl-hdr--split .fvwl-nav__list{ gap:0 18px; }
  .fvwl-hdr--split .fvwl-nav__link{ font-size:11px; letter-spacing:.11em; }
  .fvwl-hdr--split .fvwl-tools{ gap:14px; }
}
@media (min-width:1024px) and (max-width:1199px){
  .fvwl-hdr--split .fvwl-bar__inner{ grid-template-columns:1fr auto 1fr; grid-template-rows:auto; padding:0 24px; min-height:68px; gap:10px; }
  .fvwl-hdr--split .fvwl-nav{ display:none; }
  .fvwl-hdr--split .fvwl-burger{ display:inline-flex !important; grid-column:1; grid-row:1; justify-self:start; width:32px; height:32px; align-items:center; justify-content:center; }
  .fvwl-hdr--split .fvwl-logo{ position:static; transform:none; grid-column:2; grid-row:1; }
  .fvwl-hdr--split .fvwl-logo img{ height:44px; }
  .fvwl-hdr--split .fvwl-tools{ grid-column:3; grid-row:1; gap:16px; }
  /* het paneel van het mobiele menu: zelfde regels als onder 1024 px */
  .fvwl-hdr--split .fvwl-scrim{ display:block; position:fixed; inset:0; background:rgba(58,58,58,.42); z-index:99991; }
  .fvwl-hdr--split .fvwl-drawer{ display:flex; flex-direction:column; position:fixed; top:0; bottom:0; left:0; width:min(90vw,400px); background:var(--paper); z-index:99992; overflow-y:auto; -webkit-overflow-scrolling:touch;
    box-shadow:18px 0 40px rgba(58,58,58,.2); animation:fvwl-in-split .28s ease both; }
  @keyframes fvwl-in-split{ from{ transform:translateX(-100%); } to{ transform:none; } }
  .fvwl-hdr--split .fvwl-drawer__head{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px 14px; border-bottom:1px solid var(--line); }
  .fvwl-hdr--split .fvwl-drawer__title{ font-family:"Cormorant Garamond","Tenor Sans",Georgia,serif; font-size:26px; }
  .fvwl-hdr.fvwl-hdr--split ul.fvwl-m{ padding:6px 20px !important; }
  .fvwl-hdr--split .fvwl-m__item{ border-bottom:1px solid var(--line); }
  .fvwl-hdr--split .fvwl-m__link{ display:flex !important; width:100%; align-items:center; justify-content:space-between; padding:18px 0 15px !important; font-size:13px; letter-spacing:.2em; text-transform:uppercase; text-align:left; color:var(--ink) !important; }
  .fvwl-hdr--split .fvwl-m__toggle .fvwl-ico{ width:16px; height:16px; transition:transform .2s; }
  .fvwl-hdr--split .fvwl-m__toggle[aria-expanded="true"] .fvwl-ico{ transform:rotate(180deg); }
  .fvwl-hdr--split .fvwl-m__sub{ padding:4px 0 24px; }
  .fvwl-hdr--split .fvwl-m__sub[hidden]{ display:none; }
  .fvwl-hdr.fvwl-hdr--split .fvwl-m__sub .fvwl-mega__title{ margin:18px 0 14px; }
  .fvwl-hdr--split .fvwl-m__sub .fvwl-mega__col + .fvwl-mega__col, .fvwl-hdr--split .fvwl-m__sub .fvwl-mega__sec + .fvwl-mega__sec{ margin-top:0; }
  .fvwl-hdr--split .fvwl-m__sub .fvwl-mega__main{ margin-top:14px; border-left:0; padding-left:0; }
  .fvwl-hdr--split .fvwl-m__sub .fvwl-mega__aside{ padding-right:0; }
  .fvwl-hdr--split .fvwl-m__sub .fvwl-mega__fams{ display:block; columns:2; column-gap:24px; }
  .fvwl-hdr--split .fvwl-m__sub .fvwl-mega__group{ display:block; break-inside:avoid; padding-bottom:24px; }
  .fvwl-hdr--split .fvwl-m__sub .fvwl-mega__group:not(:has(ul)){ padding-bottom:14px; }
  .fvwl-hdr.fvwl-hdr--split .fvwl-m__sub .fvwl-mega__sub{ font-size:20px; margin-bottom:12px; }
  .fvwl-hdr--split .fvwl-m__sub li{ margin-bottom:13px; }
  .fvwl-hdr--split .fvwl-m__sub li a{ display:inline-block; }
  .fvwl-hdr--split .fvwl-m__tiles{ display:flex; gap:10px; overflow-x:auto; padding-bottom:4px; scroll-snap-type:x mandatory; }
  .fvwl-hdr--split .fvwl-drawer__foot{ margin-top:auto; padding:20px; display:flex; flex-wrap:wrap; gap:10px 22px; font-size:11px; letter-spacing:.18em; text-transform:uppercase; border-top:1px solid var(--line); }
  body.fvwl-drawer-open{ overflow:hidden; }
}