:root {
  --tt-header-height: 80px;
  --tt-header-light: #ffffff;
  --tt-header-dark: #2b2b2b;
  --tt-header-primary: #556b2f;
  --tt-header-primary-dark: #3d4f23;
}

body.tt-dynamic-header #masthead.site-header {
  position: fixed !important;
  inset: 0 0 auto;
  width: 100%;
  z-index: 999;
  background: transparent !important;
  animation: none !important;
  animation-timeline: auto !important;
}

body.admin-bar.tt-dynamic-header #masthead.site-header {
  top: 32px !important;
}

body.tt-dynamic-header:not(.home) #inner-wrap {
  padding-top: var(--tt-header-height);
}

body.tt-dynamic-header.tt-has-immersive-hero #inner-wrap,
body.tt-dynamic-header:has(.entry-content > .tt-immersive-hero) #inner-wrap {
  padding-top: 0;
}

body.tt-dynamic-header #masthead.site-header,
body.tt-dynamic-header #main-header,
body.tt-dynamic-header #main-header .site-header-row-container-inner,
body.tt-dynamic-header #mobile-header,
body.tt-dynamic-header #mobile-header .site-header-row-container-inner {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.tt-dynamic-header:not(.tt-has-immersive-hero) #masthead.site-header,
body.tt-dynamic-header:not(.tt-has-immersive-hero) #main-header,
body.tt-dynamic-header:not(.tt-has-immersive-hero) #main-header .site-header-row-container-inner,
body.tt-dynamic-header:not(.tt-has-immersive-hero) #mobile-header,
body.tt-dynamic-header:not(.tt-has-immersive-hero) #mobile-header .site-header-row-container-inner {
  background: rgba(245, 243, 239, .96) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.tt-dynamic-header:not(.tt-has-immersive-hero) #masthead #site-navigation .header-menu-container > ul > li > a,
body.tt-dynamic-header:not(.tt-has-immersive-hero) #masthead #site-navigation .header-menu-container > ul > li > a .dropdown-nav-toggle,
body.tt-dynamic-header:not(.tt-has-immersive-hero) #masthead #site-navigation .header-menu-container > ul > li > a .kadence-svg-iconset,
body.tt-dynamic-header:not(.tt-has-immersive-hero) #masthead .menu-toggle-open,
body.tt-dynamic-header:not(.tt-has-immersive-hero) #masthead .menu-toggle-open .kadence-svg-iconset {
  color: var(--tt-header-dark) !important;
}

body.tt-dynamic-header #masthead.site-header::before,
body.tt-dynamic-header #masthead.site-header::after,
body.tt-dynamic-header #main-header::before,
body.tt-dynamic-header #main-header::after {
  display: none !important;
}

body.tt-dynamic-header.tt-has-immersive-hero #masthead,
body.tt-dynamic-header.tt-has-immersive-hero #main-header,
body.tt-dynamic-header.tt-has-immersive-hero #masthead .site-header-wrap,
body.tt-dynamic-header.tt-has-immersive-hero #masthead .site-header-inner-wrap,
body.tt-dynamic-header.tt-has-immersive-hero #masthead .site-header-upper-wrap,
body.tt-dynamic-header.tt-has-immersive-hero #masthead .site-header-upper-inner-wrap,
body.tt-dynamic-header.tt-has-immersive-hero #masthead .site-header-row-container,
body.tt-dynamic-header.tt-has-immersive-hero #masthead .site-header-row-container-inner {
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.tt-dynamic-header #masthead.site-header,
body.tt-dynamic-header #masthead #main-header,
body.tt-dynamic-header #masthead .site-header-wrap,
body.tt-dynamic-header #masthead .site-header-inner-wrap,
body.tt-dynamic-header #masthead .site-header-upper-wrap,
body.tt-dynamic-header #masthead .site-header-upper-inner-wrap,
body.tt-dynamic-header #masthead .site-main-header-wrap,
body.tt-dynamic-header #masthead .site-header-row-container,
body.tt-dynamic-header #masthead .site-header-row-container-inner {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.tt-dynamic-header #masthead.site-header::before,
body.tt-dynamic-header #masthead.site-header::after,
body.tt-dynamic-header #masthead #main-header::before,
body.tt-dynamic-header #masthead #main-header::after,
body.tt-dynamic-header #masthead .site-header-wrap::before,
body.tt-dynamic-header #masthead .site-header-wrap::after,
body.tt-dynamic-header #masthead .site-header-row-container::before,
body.tt-dynamic-header #masthead .site-header-row-container::after,
body.tt-dynamic-header #masthead .site-header-row-container-inner::before,
body.tt-dynamic-header #masthead .site-header-row-container-inner::after {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.tt-dynamic-header #masthead img.custom-logo {
  content: url("https://twintrees.dk/wp-content/uploads/2026/09/logo-twin-trees-header-transparent.png");
  width: auto !important;
  height: 51px !important;
  max-height: none !important;
  object-fit: contain;
  background: transparent !important;
}

body.tt-dynamic-header #masthead,
body.tt-dynamic-header #masthead a,
body.tt-dynamic-header #masthead button,
body.tt-dynamic-header #masthead svg {
  transition: color .15s ease, fill .15s ease, background-color .2s ease;
}

body.tt-header-light #masthead #site-navigation .header-menu-container > ul > li > a,
body.tt-header-light #masthead #site-navigation .header-menu-container > ul > li > a .dropdown-nav-toggle,
body.tt-header-light #masthead #site-navigation .header-menu-container > ul > li > a .kadence-svg-iconset,
body.tt-header-light #masthead .menu-toggle-open,
body.tt-header-light #masthead .menu-toggle-open .kadence-svg-iconset {
  color: var(--tt-header-light) !important;
}

body.tt-header-dark #masthead #site-navigation .header-menu-container > ul > li > a,
body.tt-header-dark #masthead #site-navigation .header-menu-container > ul > li > a .dropdown-nav-toggle,
body.tt-header-dark #masthead #site-navigation .header-menu-container > ul > li > a .kadence-svg-iconset,
body.tt-header-dark #masthead .menu-toggle-open,
body.tt-header-dark #masthead .menu-toggle-open .kadence-svg-iconset {
  color: var(--tt-header-dark) !important;
}

body.tt-dynamic-header #masthead #site-navigation .sub-menu {
  overflow: hidden;
  background: rgba(29, 36, 48, .20) !important;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.tt-dynamic-header #masthead #site-navigation .sub-menu li,
body.tt-dynamic-header #masthead #site-navigation .sub-menu li a {
  background: transparent !important;
  color: var(--tt-header-light) !important;
}

body.tt-dynamic-header #masthead #site-navigation .sub-menu li a:hover,
body.tt-dynamic-header #masthead #site-navigation .sub-menu li.current-menu-item > a {
  background: rgba(255, 255, 255, .08) !important;
  color: var(--tt-header-light) !important;
}

body.tt-dynamic-header .popup-drawer .drawer-inner {
  background: rgba(245, 243, 239, .60) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.tt-dynamic-header .popup-drawer .drawer-inner,
body.tt-dynamic-header .popup-drawer .drawer-inner a,
body.tt-dynamic-header .popup-drawer .drawer-inner button,
body.tt-dynamic-header .popup-drawer .drawer-inner .drawer-toggle,
body.tt-dynamic-header .popup-drawer .drawer-inner .kadence-svg-iconset {
  color: var(--tt-header-dark) !important;
}

body.tt-dynamic-header .popup-drawer .drawer-inner .sub-menu {
  background: transparent !important;
}

.tt-immersive-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #f5f3ef;
}

.tt-immersive-hero__visual {
  order: 1;
  width: 100%;
  height: 320px;
  background: url("https://twintrees.dk/wp-content/uploads/2026/09/twin-trees-test-landingpage-hero.webp") 64% 48% / cover no-repeat;
}

.tt-immersive-hero__content {
  order: 2;
  position: relative;
  z-index: 2;
  padding: 56px 24px 64px;
  color: #2b2b2b;
}

.tt-immersive-hero__title {
  max-width: 520px;
  margin: 0 0 36px;
  color: #2b2b2b;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 11vw, 54px);
  font-weight: 500;
  letter-spacing: -.3px;
  line-height: 1.1;
}

.tt-immersive-hero__content .tt-hero-body {
  max-width: 490px;
}

body.home .tt-trust-desc,
body.home .tt-treatments__intro-text,
body.home .tt-treatments__desc {
  color: #000000 !important;
}

@media (max-width: 782px) {
  body.admin-bar.tt-dynamic-header #masthead.site-header {
    top: 46px !important;
  }
}

@media (max-width: 1023px) {
  :root {
    --tt-header-height: 72px;
  }

  body.tt-dynamic-header:not(.tt-has-immersive-hero) #masthead.site-header,
  body.tt-dynamic-header:not(.tt-has-immersive-hero) #main-header,
  body.tt-dynamic-header:not(.tt-has-immersive-hero) #main-header .site-header-row-container-inner,
  body.tt-dynamic-header:not(.tt-has-immersive-hero) #mobile-header,
  body.tt-dynamic-header:not(.tt-has-immersive-hero) #mobile-header .site-header-row-container-inner {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.tt-dynamic-header:not(.tt-has-immersive-hero).tt-header-light #masthead .menu-toggle-open,
  body.tt-dynamic-header:not(.tt-has-immersive-hero).tt-header-light #masthead .menu-toggle-open .kadence-svg-iconset {
    color: var(--tt-header-light) !important;
  }

  body.tt-dynamic-header:not(.tt-has-immersive-hero).tt-header-dark #masthead .menu-toggle-open,
  body.tt-dynamic-header:not(.tt-has-immersive-hero).tt-header-dark #masthead .menu-toggle-open .kadence-svg-iconset {
    color: var(--tt-header-dark) !important;
  }

  body.tt-dynamic-header.tt-has-immersive-hero .tt-immersive-hero__content {
    position: static;
    padding-top: 56px;
  }

  body.tt-dynamic-header.tt-has-immersive-hero .tt-immersive-hero__title {
    position: absolute;
    top: calc(var(--tt-header-height) + 24px);
    right: 24px;
    left: 24px;
    z-index: 3;
    max-width: 330px;
    margin: 0;
    color: #ffffff;
  }

  body.tt-dynamic-header.tt-has-immersive-hero .tt-immersive-hero__visual {
    background-position: 38% 48%;
  }

  body.tt-dynamic-header #masthead .header-button-wrap,
  body.tt-dynamic-header #masthead .site-header-item-button,
  body.tt-dynamic-header #masthead .mobile-header-button-wrap,
  body.tt-dynamic-header #masthead .mobile-header-button {
    transition: opacity .48s cubic-bezier(.22, 1, .36, 1), visibility .48s ease;
  }

  body.tt-dynamic-header.tt-header-over-hero-image #masthead .header-button-wrap,
  body.tt-dynamic-header.tt-header-over-hero-image #masthead .site-header-item-button,
  body.tt-dynamic-header.tt-header-over-hero-image #masthead .mobile-header-button-wrap,
  body.tt-dynamic-header.tt-header-over-hero-image #masthead .mobile-header-button {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.tt-dynamic-header #masthead img.custom-logo {
    height: 44px !important;
  }

  body.tt-dynamic-header #masthead .site-header-main-section-left,
  body.tt-dynamic-header #masthead .site-header-main-section-right {
    transform: translateY(8px);
  }

  body.tt-dynamic-header .popup-drawer .drawer-header {
    position: relative;
    min-height: 88px;
  }

  body.tt-dynamic-header .popup-drawer .drawer-header::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 12px;
    width: 92px;
    height: 44px;
    background: url("https://twintrees.dk/wp-content/uploads/2026/09/logo-twin-trees-header-transparent.png") left center / contain no-repeat;
    pointer-events: none;
  }

  body.tt-dynamic-header .popup-drawer .menu-toggle-close {
    position: absolute;
    top: 30px;
    right: 6px;
    margin: 0;
  }

  body.tt-dynamic-header .popup-drawer .drawer-content {
    padding-top: 10px;
  }

  body.tt-dynamic-header .popup-drawer #mobile-menu > li > a,
  body.tt-dynamic-header .popup-drawer #mobile-menu > li > .drawer-nav-drop-wrap > a {
    padding: 18px 24px;
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.15;
  }

  body.tt-dynamic-header .popup-drawer #mobile-menu > li > .drawer-nav-drop-wrap > .drawer-sub-toggle {
    padding-right: 24px;
    padding-left: 24px;
  }

  body.tt-dynamic-header .popup-drawer #mobile-menu .sub-menu a {
    padding: 12px 24px 12px 40px;
    font-family: "Lato", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.35;
  }

  body.tt-dynamic-header .popup-drawer.show-drawer.active #mobile-menu > li {
    opacity: 0;
    animation: tt-mobile-menu-line .42s cubic-bezier(.22, 1, .36, 1) forwards;
  }

  body.tt-dynamic-header .popup-drawer.show-drawer.active #mobile-menu > li:nth-child(1) { animation-delay: .08s; }
  body.tt-dynamic-header .popup-drawer.show-drawer.active #mobile-menu > li:nth-child(2) { animation-delay: .16s; }
  body.tt-dynamic-header .popup-drawer.show-drawer.active #mobile-menu > li:nth-child(3) { animation-delay: .24s; }
  body.tt-dynamic-header .popup-drawer.show-drawer.active #mobile-menu > li:nth-child(4) { animation-delay: .32s; }

  @keyframes tt-mobile-menu-line {
    from {
      opacity: 0;
      transform: translateY(-14px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    body.tt-dynamic-header .popup-drawer.show-drawer.active #mobile-menu > li {
      opacity: 1;
      animation: none;
      transform: none;
    }
  }

  /* Nikolaj Munk: mobile editorial hero */
  body.page-id-98.tt-dynamic-header #inner-wrap {
    padding-top: 0;
  }

  body.page-id-98 .tt-edhero {
    overflow: hidden;
  }

  body.page-id-98 .tt-edhero__img {
    height: 380px;
    background-position: 36% 8%;
  }

  body.page-id-98 .tt-edhero__content {
    position: static;
  }

  body.page-id-98 .tt-edhero__inner {
    padding-top: 56px;
  }

  body.page-id-98 .tt-edhero__name {
    position: absolute;
    top: calc(var(--tt-header-height) + 7px);
    left: 24px;
    z-index: 3;
    width: 145px;
    margin: 0;
    color: #ffffff;
    font-size: 48px;
    line-height: .94;
    letter-spacing: -.5px;
  }

  body.page-id-98.tt-mobile-quote-moved .tt-edhero__lead {
    display: none;
  }

  body.page-id-98 .tt-edhero__inner > .tt-om-approach__pullquote {
    max-width: 100%;
    margin: 0 0 36px;
  }

  body.page-id-98 .tt-om-narrative {
    background: var(--tt-header-primary);
  }

  body.page-id-98 .tt-om-narrative__heading {
    color: var(--tt-header-light);
  }

  body.page-id-98 .tt-om-narrative__body {
    color: rgba(255, 255, 255, .88);
  }
}

@media (min-width: 1024px) {
  body.tt-dynamic-header #masthead img.custom-logo {
    height: 42px !important;
  }

  body.tt-dynamic-header #masthead .site-header-main-section-center {
    transform: translateY(13px);
  }

  body.tt-dynamic-header #masthead .site-header-main-section-left {
    transform: translateY(7px);
  }

  body.tt-dynamic-header #masthead .site-header-main-section-right {
    transform: translateY(13px);
  }

  body.tt-dynamic-header #masthead #site-navigation .header-menu-container > ul > li > a {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 1.3;
    text-transform: uppercase;
    padding-right: 24px;
    padding-left: 24px;
  }

  body.tt-dynamic-header #masthead #site-navigation .sub-menu li a {
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .8px;
    text-transform: uppercase;
  }

  .tt-immersive-hero {
    min-height: 760px;
    justify-content: flex-start;
    background: #5b4c2f;
  }

  .tt-immersive-hero__visual {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
  }

  .tt-immersive-hero__content {
    position: relative;
    width: min(520px, calc(100% - 48px));
    margin: 0 auto 0 40px;
    padding: 96px 0 72px;
    color: #ffffff;
  }

  .tt-immersive-hero__title,
  .tt-immersive-hero__content .tt-hero-body,
  .tt-immersive-hero__content .tt-hero-body p {
    color: #ffffff;
  }

  .tt-immersive-hero__title {
    font-size: clamp(56px, 4.5vw, 64px);
  }
}

@media (max-width: 767px) {
  body.home .tt-immersive-hero__content .tt-hero-body,
  body.home .tt-immersive-hero__content .tt-hero-body p {
    color: #000000 !important;
  }

  /* Behandlinger: mobile image-first editorial hero */
  body.page-id-97.tt-dynamic-header #inner-wrap {
    padding-top: 0;
  }

  body.page-id-97 .tt-beh-intro {
    position: relative;
  }

  body.page-id-97 .tt-beh-intro__text {
    position: static;
  }

  body.page-id-97 .tt-beh-h1 {
    position: absolute;
    top: calc(var(--tt-header-height) + 12px);
    right: 24px;
    left: 24px;
    z-index: 3;
    margin: 0;
    color: #ffffff;
  }

  /* Migræne: mobile image-first editorial hero */
  body.page-id-504.tt-dynamic-header #inner-wrap {
    padding-top: 0;
  }

  body.page-id-504 .tt-mig-hero {
    position: relative;
  }

  body.page-id-504 .tt-mig-hero__text {
    position: static;
  }

  body.page-id-504 .tt-mig-hero__img-col {
    height: 420px;
    flex: 0 0 420px;
    overflow: hidden;
  }

  body.page-id-504 .tt-mig-hero__img {
    position: absolute;
    inset: 0 auto 0 0;
    width: 108%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  body.page-id-504 .tt-mig-h1 {
    position: absolute;
    top: calc(var(--tt-header-height) + 36px);
    right: auto;
    left: 24px;
    z-index: 3;
    width: auto;
    margin: 0;
    color: #f5f3ef;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -.5px;
  }

  body.page-id-504 .tt-mig-mobile-subheading {
    margin: 10px 0 20px;
    color: #2b2b2b;
    font-family: "Cormorant Garamond", serif;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 1.08;
  }

  /* Iskias: mirror the mobile Migræne hero */
  body.page-id-522.tt-dynamic-header #inner-wrap {
    padding-top: 0;
  }

  body.page-id-522 .tt-isk-hero {
    position: relative;
  }

  body.page-id-522 .tt-isk-hero__text {
    position: static;
  }

  body.page-id-522 .tt-isk-hero__img-col {
    aspect-ratio: auto;
    height: 320px;
    flex: 0 0 320px;
    overflow: hidden;
  }

  body.page-id-522 .tt-isk-hero__img {
    position: absolute;
    inset: 0 auto 0 0;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  body.page-id-522 .tt-isk-h1 {
    position: absolute;
    top: calc(var(--tt-header-height) + 36px);
    right: auto;
    left: 24px;
    z-index: 3;
    width: auto;
    margin: 0;
    color: #f5f3ef;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -.5px;
  }

  body.page-id-522 .tt-isk-mobile-subheading {
    margin: 10px 0 20px;
    color: #2b2b2b;
    font-family: "Cormorant Garamond", serif;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 1.08;
  }

  /* Tennisalbue: mobile image-first editorial hero */
  body.page-id-646.tt-dynamic-header #inner-wrap {
    padding-top: 0;
  }

  body.page-id-646 .tt-isk-hero {
    position: relative;
  }

  body.page-id-646 .tt-isk-hero__text {
    position: static;
  }

  body.page-id-646 .tt-isk-hero__img-col {
    aspect-ratio: 1 / 1;
    height: auto;
    flex: 0 0 auto;
    overflow: hidden;
  }

  body.page-id-646 .tt-isk-hero__img {
    position: absolute;
    inset: 0 auto 0 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
  }

  body.page-id-646 .tt-isk-h1 {
    position: absolute;
    top: 138px;
    right: 24px;
    left: auto;
    z-index: 3;
    width: auto;
    margin: 0;
    color: #f5f3ef;
    font-size: 44px;
    line-height: 1;
    letter-spacing: -.5px;
  }

  body.page-id-646 .tt-tennis-mobile-subheading {
    margin: 10px 0 20px;
    color: #2b2b2b;
    font-family: "Cormorant Garamond", serif;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 1.08;
  }
}