/**
 * WP/Divi isolation for Vikarløft — keep preview look, kill custom-background (#0a425e)
 * and fixed-header padding that makes the sticky subnav jump.
 */

/* Kill Divi’s reserved space for the (hidden) fixed header */
body.vikarloeft-landing-page #page-container,
body.vikarloeft-landing-page.et_fixed_nav #page-container,
body.vikarloeft-landing-page #et-main-area,
body.vikarloeft-landing-page #main-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Sticky needs visible overflow / no transform on ancestors */
body.vikarloeft-landing-page,
body.vikarloeft-landing-page #page-container,
body.vikarloeft-landing-page #et-boc,
body.vikarloeft-landing-page #et-main-area,
body.vikarloeft-landing-page #main-content {
  overflow: visible !important;
  transform: none !important;
  perspective: none !important;
  filter: none !important;
}

/* Site chrome: cream instead of WP custom-background teal — do NOT paint every section */
body.vikarloeft-landing-page,
body.vikarloeft-landing-page.custom-background,
body.vikarloeft-landing-page #page-container,
body.vikarloeft-landing-page #et-boc,
body.vikarloeft-landing-page #et-main-area,
body.vikarloeft-landing-page #main-content {
  background: #F6F4EF !important;
  background-color: #F6F4EF !important;
  background-image: none !important;
}

body.vikarloeft-landing-page #main-header,
body.vikarloeft-landing-page #main-footer,
body.vikarloeft-landing-page .et-l--header,
body.vikarloeft-landing-page .et-l--footer,
body.vikarloeft-landing-page .et_pb_section_0_tb_footer,
body.vikarloeft-landing-page .et_pb_section_1_tb_footer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.vikarloeft-landing-page #page-container,
body.vikarloeft-landing-page #et-boc,
body.vikarloeft-landing-page #main-content,
body.vikarloeft-landing-page .et_pb_section {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

#vikarloeft-landing {
  background: #F6F4EF;
  color: #18211E;
  min-height: 100vh;
  position: relative;
}

/* Subnav: stable sticky like preview — not Divi fixed header */
#vikarloeft-landing .subnav {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 200 !important;
  margin: 0 !important;
  transform: none !important;
}

/* Undo Divi/LS “all links white” — but don’t crush designed link colors */
#vikarloeft-landing a {
  color: inherit;
}

#vikarloeft-landing .btn,
#vikarloeft-landing a.btn {
  color: #fff !important;
}

#vikarloeft-landing .btn.ghost,
#vikarloeft-landing a.btn.ghost {
  color: #0A3F39 !important;
}

#vikarloeft-landing .hero.sub .btn.ghost,
#vikarloeft-landing .hero.sub a.btn.ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}

#vikarloeft-landing .hero.sub .btn:not(.ghost),
#vikarloeft-landing .hero.sub a.btn:not(.ghost) {
  color: #0A3F39 !important;
}

/* Brødkrummer på mørk hero — højere specificitet end #vikarloeft-landing a */
#vikarloeft-landing .hero.sub .crumbs,
#vikarloeft-landing .hero.sub .crumbs a {
  color: #D4EDE6 !important;
}
#vikarloeft-landing .hero.sub .crumbs a:hover {
  color: #fff !important;
  text-decoration: underline;
}
#vikarloeft-landing .hero.sub .crumbs .sep {
  color: #8FBFB4 !important;
}
#vikarloeft-landing .hero.sub .crumbs .current {
  color: #fff !important;
  font-weight: 600;
}

#vikarloeft-landing .nav-dropdown-menu a {
  color: #18211E !important;
}
#vikarloeft-landing .nav-dropdown-menu a:hover {
  color: #0A3F39 !important;
  background: #E7EEEA !important;
}
#vikarloeft-landing .nav-dropdown-trigger {
  color: #5E6B66 !important;
}
#vikarloeft-landing .nav-dropdown.open .nav-dropdown-trigger {
  color: #0A3F39 !important;
}

@media (max-width: 768px) {
  #vikarloeft-landing .subnav,
  #vikarloeft-landing .subnav-inner,
  #vikarloeft-landing .navlinks,
  #vikarloeft-landing .nav-dropdown {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  #vikarloeft-landing .nav-dropdown {
    width: 100%;
    grid-column: 1 / -1;
  }
  #vikarloeft-landing .nav-dropdown-menu {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    display: none;
  }
  #vikarloeft-landing .nav-dropdown.open .nav-dropdown-menu {
    display: flex !important;
  }
  #vikarloeft-landing .navlinks a.btn.nav-cta {
    color: #fff !important;
  }
}

/* Allow pinch-zoom on Vikarløft (Divi sets user-scalable=0 sitewide) */
body.vikarloeft-landing-page {
  touch-action: manipulation;
}

@media screen and (max-width: 782px) {
  body.admin-bar #vikarloeft-landing .subnav {
    top: 46px !important;
  }
}