/*
 * GODKENDT HEADER — designversion 1.0.11
 *
 * Indholdsbredde: 1200 px / maks. 92 % af skærmen.
 * Navnetræk: 270 × 74 px (37,5 % af originalen).
 * Vendsyssel-kontur: 120 × 80 px (37,5 % af originalen).
 * Konturen overlapper bundstregen med 3 px.
 * Headerens bundstreg: 3 px grøn.
 * Aktiv menustreg: 3 px og cirka 6 px under teksten.
 */

.site-header { border-bottom-width: 3px; }

.site-header {
  position: relative;
  z-index: 1000;
  overflow: visible;
}

.header-inner,
.site-header nav {
  overflow: visible;
}

.brand {
  flex: 0 0 270px;
  width: 270px;
  height: 74px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  background: url('assets/navnetraek.png') no-repeat center / 100% 100%;
}

.site-header nav {
  margin-left: auto;
}

/* WordPress hovedmenu */
.site-header nav .primary-menu {
  display: flex;
  align-items: center;
  gap: 46px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header nav .primary-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header nav .primary-menu a {
  display: block;
}

/* Aktivt hovedpunkt */
.site-header nav .primary-menu > .current-menu-item > a,
.site-header nav .primary-menu > .current-menu-ancestor > a {
  position: relative;
  border-bottom: 0;
}

.site-header nav .primary-menu > .current-menu-item > a::after,
.site-header nav .primary-menu > .current-menu-ancestor > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 21px;
  height: 3px;
  background: #2e7d32;
}

/* Dropdown */
.site-header nav .sub-menu {
  position: absolute;
  top: 100%;
  left: -18px;
  z-index: 1000;
  display: none;
  min-width: 240px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: #fff;
  border: 1px solid #dddcd7;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}

.site-header nav .sub-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header nav .sub-menu a {
  padding: 10px 18px;
  white-space: nowrap;
}

.site-header nav .sub-menu a:hover,
.site-header nav .sub-menu a:focus {
  background: #f4f4f1;
}

.site-header nav .menu-item-has-children:hover > .sub-menu,
.site-header nav .menu-item-has-children:focus-within > .sub-menu {
  display: block;
}

.landmark {
  position: static;
  flex: 0 0 120px;
  width: 120px;
  height: 80px;
  margin-left: 40px;
  align-self: flex-end;
  transform: translateY(3px);
  z-index: 2;
  background: url('assets/vendsyssel-silhuet.png') no-repeat center / 100% 100%;
  clip-path: none;
}

.landmark::after { display: none; }

.design-version {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 9999;
  padding: 5px 9px;
  border: 1px solid #2e7d32;
  border-radius: 4px;
  background: rgba(255,255,255,.94);
  color: #2e7d32;
  font: 600 11px/1.2 Inter, sans-serif;
  letter-spacing: .04em;
}

@media (max-width: 850px) {
  .landmark { display: none; }
}