/* Fælles header med plads til alle menupunkter. */
.site-header{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:20px;align-items:center;height:90px}
.site-header>.brand{grid-column:1;grid-row:1}
.site-header>.mpf-page-mark{position:static;inset:auto;transform:none;grid-column:2;grid-row:1;justify-self:start;gap:8px;display:flex;align-items:center}
.site-header>.mpf-page-mark img{height:44px;width:auto}
.site-header>.mpf-page-mark span{max-width:95px;font-size:10px;line-height:1.3;text-transform:uppercase}
.site-header>nav{grid-column:3;grid-row:1;justify-self:end;gap:16px;display:flex}
.site-header>.menu-toggle{grid-column:3;grid-row:1;justify-self:end;display:none}
@media(max-width:1700px){
.site-header{height:76px}
.site-header>.menu-toggle{display:block;padding:9px 13px;border:1px solid rgba(88,72,68,.38);background:transparent;color:var(--ink)}
.site-header>nav{display:none;position:absolute;top:76px;right:5vw;left:auto;min-width:250px;max-width:90vw;max-height:calc(100dvh - 90px);overflow-y:auto;padding:24px;flex-direction:column;align-items:stretch;background:var(--paper,#f5efe7);color:var(--ink,#352d2b);box-shadow:0 15px 35px rgba(88,72,68,.15);z-index:20}
.site-header>nav.open{display:flex}
}
@media(max-width:600px){.site-header{gap:8px;padding-left:4vw;padding-right:4vw}.site-header>.mpf-page-mark img{height:30px}.site-header>.mpf-page-mark span{font-size:7px;max-width:58px}.site-header>.brand .brand-logo{height:27px}.site-header>.brand{padding:5px 6px}}

/* Undermenuer skal optage plads i den sammenfoldede menu. */
@media(max-width:1700px){
.site-header > #main-nav{box-sizing:border-box;width:340px;min-width:0;max-width:calc(100vw - 32px);right:16px;left:auto;gap:4px}
.site-header #main-nav .nav-dropdown{width:100%;min-width:0}
.site-header #main-nav .nav-dropdown-toggle{width:100%;justify-content:space-between;padding:10px 0;white-space:normal;text-align:left}
.site-header #main-nav .nav-submenu{position:static;inset:auto;width:100%;max-width:100%;box-sizing:border-box;max-height:none;overflow:visible;margin:4px 0 12px;padding:4px 0 4px 12px;border-left:2px solid var(--clay);border-radius:0;background:transparent;box-shadow:none}
.site-header #main-nav .nav-dropdown.is-open .nav-submenu{display:flex;flex-direction:column;gap:3px}
.site-header #main-nav .nav-submenu a{display:block;white-space:normal;overflow-wrap:break-word;line-height:1.45;padding:9px 10px}
.site-header #main-nav > a{display:block;white-space:normal;padding-top:10px;padding-bottom:10px}
}

/* Den åbne Menu-knap bruger altid undermenuer i dokumentets flow. */
.site-header #main-nav.open .nav-dropdown{position:relative!important;display:block!important;width:100%!important;height:auto!important}
.site-header #main-nav.open .nav-submenu{position:static!important;inset:auto!important;transform:none!important;width:100%!important;box-sizing:border-box!important;max-height:none!important;overflow:visible!important;margin:4px 0 12px!important;padding:4px 0 4px 12px!important;border-left:2px solid var(--clay)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site-header #main-nav.open .nav-dropdown.is-open .nav-submenu{display:flex!important;flex-direction:column!important;gap:3px!important}
.site-header #main-nav.open .nav-submenu a{display:block!important;position:static!important;white-space:normal!important;line-height:1.45!important;padding:9px 10px!important}

/* Fælles vandret computermenu under logoerne. */
@media(min-width:1001px){
.site-header{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:68px auto!important;height:auto!important;min-height:116px;gap:0 24px!important;padding-top:4px!important;padding-bottom:12px!important;box-sizing:border-box!important}
.site-header>.brand{grid-column:1!important;grid-row:1!important}
.site-header>.mpf-page-mark{grid-column:2!important;grid-row:1!important;justify-self:start!important;position:static!important;transform:none!important}
.site-header>.menu-toggle{display:none!important}
.site-header>#main-nav,.site-header>#main-nav.open{display:flex!important;grid-column:1 / -1!important;grid-row:2!important;position:static!important;inset:auto!important;transform:none!important;justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px 20px!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.site-header #main-nav>.nav-dropdown{width:auto!important;position:relative!important}
.site-header #main-nav>a,.site-header #main-nav .nav-dropdown-toggle{font-size:14px!important;white-space:nowrap!important;line-height:1.4!important;padding:8px 0!important}
.site-header #main-nav .nav-submenu{position:absolute!important;top:100%!important;left:0!important;right:auto!important;width:340px!important;max-width:calc(100vw - 40px)!important;max-height:70vh!important;overflow-y:auto!important;margin:0!important;padding:14px!important;background:var(--paper,#fff8f0)!important;box-shadow:0 15px 35px rgba(88,72,68,.18)!important;border:0!important;border-radius:12px!important;z-index:30}
.site-header #main-nav .nav-dropdown.is-open .nav-submenu{display:flex!important;flex-direction:column!important;gap:4px!important}
.site-header #main-nav .nav-submenu a{white-space:normal!important;display:block!important;line-height:1.45!important;padding:10px!important}
.site-header #main-nav>a.nav-cta{padding:8px 18px!important}
}