﻿html {
  scroll-padding-top: 10rem;
  scroll-behavior: smooth;
}



  
@media (min-width: 992px) {

  /* Base header = blue */
  [data-swift-page-header] {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050 !important;
    background-color: #004c81 !important;
    transition: background-color .25s ease, box-shadow .25s ease !important;
  }

  /* Inner header row */
  [data-swift-page-header] > section[data-dw-colorscheme="header"],
  [data-swift-page-header] > section[data-dw-colorscheme="header"] > [data-swift-container] {
    background-color: #004c81 !important;
    transition: background-color .25s ease, box-shadow .25s ease !important;
  }

  /* Transparent when page has hero and header is NOT scrolled */
  html.has-hero [data-swift-page-header]:not(.is-scrolled),
  html.has-hero [data-swift-page-header]:not(.is-scrolled) > section[data-dw-colorscheme="header"],
  html.has-hero [data-swift-page-header]:not(.is-scrolled) > section[data-dw-colorscheme="header"] > [data-swift-container] {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  /* Blue when scrolled */
  [data-swift-page-header].is-scrolled,
  [data-swift-page-header].is-scrolled > section[data-dw-colorscheme="header"],
  [data-swift-page-header].is-scrolled > section[data-dw-colorscheme="header"] > [data-swift-container] {
    background-color: #004c81 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.15) !important;
  }

  /* White text */
  [data-swift-page-header],
  [data-swift-page-header] a,
  [data-swift-page-header] span,
  [data-swift-page-header] button {
    color: #ffffff !important;
  }

  /* White logo */
  [data-swift-page-header] img {
    filter: brightness(0) invert(1) !important;
  }

  /* Offset */
  body {
    padding-top: var(--site-header-height, 0px);
  }

  html.has-hero [data-swift-poster]:first-of-type {
    margin-top: calc(var(--site-header-height, 0px) * -1);
  }

  /* Modal fix */
  [data-swift-page-header] .modal,
  [data-swift-page-header] .modal * {
    color: initial !important;
  }

  [data-swift-page-header] .modal {
    background: rgba(0,0,0,.4) !important;
  }

  [data-swift-page-header] .modal .modal-content {
    background: #ffffff !important;
    color: #111111 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.2) !important;
  }

  [data-swift-page-header] .modal .modal-content a,
  [data-swift-page-header] .modal .modal-content button,
  [data-swift-page-header] .modal .modal-content input,
  [data-swift-page-header] .modal .modal-content label,
  [data-swift-page-header] .modal .modal-content span,
  [data-swift-page-header] .modal .modal-content p {
    color: #111111 !important;
  }

  [data-swift-page-header] .modal .modal-content input,
  [data-swift-page-header] .modal .modal-content .form-control {
    background: #ffffff !important;
    border-color: rgba(0,0,0,.2) !important;
  }

  /* Dropdown */
  [data-swift-page-header] nav ul ul {
    background: #f2f2f2 !important;
    border-radius: 6px !important;
    padding: 10px !important;
  }

  [data-swift-page-header] nav ul ul li > a {
    color: #222222 !important;
    padding: 8px 6px !important;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px !important;
    text-decoration: none !important;
  }

  [data-swift-page-header] nav ul ul li > a:hover {
    background: #eeeeee !important;
    color: #222222 !important;
    text-decoration: underline !important;
  }
}

















[data-swift-poster]:first-of-type{
  min-height: 70vh;
}

/* Begræns tekstbredden på posterens tekst */
[data-swift-poster] [data-swift-text]{
  max-width: 1000px !important;
  width: 100%;
}





/* Unik styling: Custom-Textleft */
.swift-custom-textleft {
  max-width: 760px;              /* mere "luft" */
  padding: 0rem 4rem 0rem 5rem;
}

/* Titel */
.swift-custom-textleft__text h1,
.swift-custom-textleft__text h2 {
  margin-bottom: .6rem;
}

/* Subtitle (ofte h3/p) */
.swift-custom-textleft__text h3,
.swift-custom-textleft__text .subtitle,
.swift-custom-textleft__text p:first-of-type {
  margin-bottom: .75rem;
}

/* Brødtekst */
.swift-custom-textleft__text p {
  margin-bottom: .9rem;
}

/* Knapper lidt mere "tight" */
.swift-custom-textleft__buttons .btn {
}

@media (max-width: 767px) {
  .swift-custom-textleft {
    max-width: 100%;
    padding: 0 1rem;
  }

  .swift-custom-textleft__text h1,
  .swift-custom-textleft__text h2 {
    margin-bottom: .5rem;
  }

  .swift-custom-textleft__text h3,
  .swift-custom-textleft__text .subtitle,
  .swift-custom-textleft__text p:first-of-type {
    margin-bottom: .6rem;
  }

  .swift-custom-textleft__text p {
    margin-bottom: .75rem;
  }

  .swift-custom-textleft__buttons {
    display: flex;
    flex-direction: column;
    gap: .75rem;
  }

  .swift-custom-textleft__buttons .btn {
    width: 100%;
  }
}



[data-dw-itemtype="swift-v2_textandimage"] :is(
  .swift-text,
  .swift-text-content,
  .swift-content,
  .content,
  [data-swift-text]
) {
  padding: 20px 20px 0 20px !important;
}





/* Inputs + Bootstrap form controls */
[id="22932"][data-dw-itemtype="swift-v2_app"] :is(input, textarea, select, .form-control) {
  background: #ffffff !important;
  padding: 14px 218px 14px 16px !important; /* top right bottom left */
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

/* If the "input look" is on a wrapper / div */
[id="22932"][data-dw-itemtype="swift-v2_app"] :is(.field, .form-group, .input-group, .form-field) :is([contenteditable="true"], .control, .input, .textbox) {
  background: #ffffff !important;
  padding: 14px 28px 14px 16px !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}



/* Global: allow wider text in swift-v2_text */
[data-dw-itemtype="swift-v2_text"] [data-swift-text] {
  max-width: 90%;
  width: 100%;
}


.offcanvas-backdrop {
  z-index: 1990 !important;
}

.offcanvas {
  z-index: 2000 !important;
}


/* ========================================
   Floating label fix – Swift apps only
   ======================================== */

[data-dw-itemtype="swift-v2_app"] .form-floating > .form-control,
[data-dw-itemtype="swift-v2_app"] .form-floating > textarea.form-control,
[data-dw-itemtype="swift-v2_app"] .form-floating > .form-select {
  padding: 1.625rem 0.75rem 0.625rem 0.75rem !important;
  height: calc(3.5rem + 2px);
  min-height: calc(3.5rem + 2px);
  line-height: 1.25 !important;
}

/* Skjul placeholder visuelt */
[data-dw-itemtype="swift-v2_app"] .form-floating > .form-control::placeholder,
[data-dw-itemtype="swift-v2_app"] .form-floating > textarea.form-control::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

[data-dw-itemtype="swift-v2_app"] .form-floating > .form-control::-webkit-input-placeholder,
[data-dw-itemtype="swift-v2_app"] .form-floating > textarea.form-control::-webkit-input-placeholder,
[data-dw-itemtype="swift-v2_app"] .form-floating > .form-control::-moz-placeholder,
[data-dw-itemtype="swift-v2_app"] .form-floating > textarea.form-control::-moz-placeholder,
[data-dw-itemtype="swift-v2_app"] .form-floating > .form-control:-ms-input-placeholder,
[data-dw-itemtype="swift-v2_app"] .form-floating > textarea.form-control:-ms-input-placeholder,
[data-dw-itemtype="swift-v2_app"] .form-floating > .form-control::-ms-input-placeholder,
[data-dw-itemtype="swift-v2_app"] .form-floating > textarea.form-control::-ms-input-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

/* Label styling */
[data-dw-itemtype="swift-v2_app"] .form-floating > label {
  padding: 1rem 0.75rem !important;
  pointer-events: none;
  z-index: 2;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}

/* Flyt label korrekt */
[data-dw-itemtype="swift-v2_app"] .form-floating > .form-control:focus ~ label,
[data-dw-itemtype="swift-v2_app"] .form-floating > .form-control:not(:placeholder-shown) ~ label,
[data-dw-itemtype="swift-v2_app"] .form-floating > textarea.form-control:focus ~ label,
[data-dw-itemtype="swift-v2_app"] .form-floating > textarea.form-control:not(:placeholder-shown) ~ label,
[data-dw-itemtype="swift-v2_app"] .form-floating > .form-select ~ label {
  transform: scale(.85) translateY(-0.7rem) translateX(0.15rem) !important;
  opacity: .85;
}





