/* Hjemmesidens ene topmenu (3/11). Genereret af scripts/site-header-sync.mjs fra
   scripts/lib/site-header.mjs; ret dér, ikke her. */
.ed-header { position: relative; z-index: 90; background: var(--cream, #f7f2ee); border-bottom: 1px solid var(--hairline, #ddd6cb); }
.ed-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 88px; }
.ed-brand { flex: none; display: block; }
.ed-brand img { display: block; max-width: none; }
.ed-nav { display: flex; gap: clamp(14px, 2.1vw, 28px); align-items: center; font: 500 .9rem/1.35 var(--sans, sans-serif); }
.ed-nav a { color: var(--ink, #302820); text-decoration: none; }
.ed-nav a,.ed-nav summary { padding-block: 13px; }
.ed-nav a:hover,.ed-nav summary:hover { color: var(--terra, #ae5a30); }
.ed-nav a[aria-current], .ed-about.is-current > summary { color: var(--terra, #ae5a30); }
.ed-nav > a[aria-current] { text-decoration: underline; text-underline-offset: 7px; }
.ed-nav .ed-get { background: var(--ink, #302820); color: var(--cream, #f7f2ee); border-radius: 100px; padding: 12px 17px; white-space: nowrap; }
.ed-about { position: relative; }
.ed-about summary { cursor: pointer; white-space: nowrap; }
.ed-about > div { position: absolute; z-index: 100; right: 0; top: 100%; padding: 10px; min-width: 190px; display: grid; border: 1px solid var(--hairline, #ddd6cb); border-radius: 14px; background: var(--cream, #f7f2ee); box-shadow: 0 12px 30px #30282014; }
.ed-about > div a { padding: 10px 14px; }
.ed-nav a:focus-visible,.ed-nav summary:focus-visible,.site-get-m:focus-visible,.site-menu > summary:focus-visible { outline: 2px solid var(--terra, #ae5a30); outline-offset: 5px; border-radius: 4px; }
.site-get-m, .site-menu { display: none; }

@media (max-width: 719.98px) {
  .ed-header-inner { min-height: 64px; padding-block: 10px; gap: 16px; }
  .ed-brand img { width: 98px; height: auto; }
  .ed-header-inner > .ed-nav { display: none; }
  .site-get-m { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-left: auto; color: var(--terra-deep, #8b411c); font: 600 .9rem/1 var(--sans, sans-serif); text-decoration: none; white-space: nowrap; }
  .site-menu { display: block; }
  .site-menu > summary { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 0 8px 12px; list-style: none; cursor: pointer; font: 500 .94rem/1 var(--sans, sans-serif); color: var(--ink, #302820); }
  .site-menu > summary::-webkit-details-marker { display: none; }
  .site-menu > summary::marker { content: ''; }
  .site-menu > summary svg { width: 20px; height: 20px; }
  .site-menu[open] > summary .site-menu-middle { opacity: 0; }
  .site-menu[open] > summary .site-menu-top { transform: translateY(6px); }
  .site-menu[open] > summary .site-menu-bottom { transform: translateY(-6px); }
  .site-menu-panel { position: absolute; z-index: 100; inset: 100% 0 auto; max-height: min(72svh, 560px); overflow-y: auto; overscroll-behavior: contain; padding: 8px 20px 22px; background: var(--cream, #f7f2ee); border-bottom: 1px solid var(--hairline, #ddd6cb); box-shadow: 0 18px 28px #3b24121a; }
  .site-menu-panel .ed-nav { display: flex; flex-direction: column; align-items: stretch; gap: 0; margin: 0; font-size: 1.1rem; }
  .site-menu-panel .ed-nav > a, .site-menu-panel .ed-about > summary { padding: 13px 0; border-bottom: 1px solid var(--hairline, #ddd6cb); }
  .site-menu-panel .ed-about > div { position: static; min-width: 0; padding: 6px 0 10px; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
  .site-menu-panel .ed-about > div a { padding: 10px 14px; font-size: .95rem; }
  .site-menu-panel .ed-nav .ed-get { align-self: flex-start; margin-top: 18px; padding: 11px 18px; font-size: .95rem; border: 0; }
}
@media print { .ed-header { display: none !important; } }
