/* DGC v8 – fælles mobilheader og knaphøjde. */

@media (max-width:767px) {

  /* Fælles header på forside og undersider */
  body > header.header .wrap.head {
    position:relative!important;
    height:84px!important;
    min-height:84px!important;
  }

  /* Navn og adresse tættere på logoet */
  body > header.header .brand-box {
    position:absolute!important;
    left:24%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;

    width:clamp(112px,37vw,105px)!important;
    max-width:none!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;

    gap:0!important;
    margin:0!important;
    padding:0!important;
  }

  /* Virksomhedsnavn – kompakt linjeafstand */
  body > header.header .brand-box > strong {
    display:block!important;
    margin:0!important;
    padding:0!important;

    font-size:clamp(12px,3.2vw,16px)!important;
    line-height:1.05!important;
    transform:none!important;
  }

/* Ens linjeskift i virksomhedsnavnet på alle sider */
body > header.header .brand-box > strong br {
  display:block!important;
  content:""!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}

  /* Adresse – tæt på navnet */
  body > header.header .brand-box > small.dgc-address-link {
    display:block!important;
    margin:0!important;
    padding:0!important;

    font-size:clamp(9px,2.35vw,12px)!important;
    line-height:1.12!important;
    white-space:normal!important;
    color:#111!important;
  }

  /* Adresse på to linjer */
  body > header.header .brand-box .dgc-address-street,
  body > header.header .brand-box .dgc-address-city {
    display:block!important;
    white-space:nowrap!important;
  }

  /* Telefonknap – lidt ned og mod midten */
  body > header.header .dgc-header-directions {
    position:absolute!important;
    top:27px!important;
    right:34%!important;
    bottom:auto!important;
    transform:none!important;

    padding:06px 8px!important;
    font-size:clamp(10px,2.8vw,12px)!important;

    background:#145c45!important;
    color:#fff!important;
    border-color:#145c45!important;
    white-space:nowrap!important;
  }

  /* Burgermenu – yderst til højre */
body > header.header .mobile {
  position:absolute!important;
  right:8px!important;
  bottom:16px!important;
  top:auto!important;
  transform:none!important;
  color:#000!important;
}

  /* Undersidernes eyebrow tættere på headeren */
  body:not(.dgc-home) .workshop-hero,
  body:not(.dgc-home) .pickup-hero-v156,
  body:not(.dgc-home) .sales-hero-v156,
  body:not(.dgc-home) .dgc-category-intro {
    padding-top:5px!important;
  }

  body:not(.dgc-home) .workshop-hero-stack {
    padding-top:0!important;
  }

  body:not(.dgc-home) .dgc-seo-eyebrow {
    margin-top:0!important;
  }

  /* Eksisterende reduktion af hvide CTA-knapper */
  .hero .workshop-slide .dgc-empty-panel .btn,
  .hero .sales-slide .dgc-extra-panel .btn,
  .hero .offer-slide .btn,
  .hero .pickup-slide .btn,
  .workshop-hero-image .hero-actions .btn,
  .sales-page .sales-facade-image .sales-tabs .dgc-sales-choice .sales-tab {
    padding-top:10px!important;
    padding-bottom:10px!important;
    min-height:0!important;
  }
}

/* iPhone-bredder: bevar øverste linjes placering, og fjern 12 px luft nedenunder. */
@media (max-width:430px) {
  body > header.header a.brand > img,
  body > header.header .brand-box {
    top:calc(50% + 6px)!important;
  }

  body > header.header .dgc-header-directions {
    top:33px!important;
  }

  body > header.header .mobile {
    bottom:10px!important;
  }
}

/* Smalle mobilskærme */
@media (max-width:360px) {

  body > header.header .brand-box {
    left:35%!important;
    width:130px!important;
  }

  body > header.header .dgc-header-directions {
    right:13%!important;
    padding:7px 8px!important;
  }
}
/* Fælles adresselinje nederst i headeren */
body > header.header .dgc-header-location {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 12px;
  text-align:center;
  text-decoration:none;
  color:#145c45;
  background:#f0f6e9;
  border-top:1px solid #145c45;
  border-bottom:1px solid #145c45;
  font-size:clamp(12px,3.2vw,15px);
  line-height:1.1;
}

body > header.header .dgc-location-underlined {
  text-decoration:underline;
  text-underline-offset:3px;
}

body > header.header .dgc-location-icon,
body > header.header .dgc-location-arrow {
  flex-shrink:0;
  font-size:17px;
}

/* Adresselinje – afslutning på fælles header */
body > header.header .dgc-header-address {
  margin:0!important;
  padding:8px 12px!important;
  text-align:center;
}

body > header.header .dgc-header-address .dgc-map-address-link {
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px;
  text-decoration:none;
}

body > header.header .dgc-location-underlined {
  text-decoration:underline;
  text-underline-offset:3px;
}
/* Ret linjeafstand i firmanavnet på alle sider */
body > header.header .brand-box > strong > .dgc-brand-green {
  display: inline !important;
}
/* Adresselinje – farver og diskret pil */
body > header.header .dgc-header-address .dgc-map-address-link {
  color: #111;
}
body > header.header .dgc-header-address .dgc-map-address-link > svg {
  color: #145c45 !important;
}
body > header.header .dgc-header-address .dgc-location-underlined {
  color: #145c45;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body > header.header .dgc-header-address .dgc-address-arrow {
  color: #145c45;
  font-size: 15px;
  font-weight: 400;
}
/* Fjern luft over og under adresselinjen på mobil */
@media (max-width: 767px) {
  body > header.header .trust.tagline.trust-tagline.dgc-header-address {
    padding-top: 0 !important;
    padding-bottom: 10 !important;
  }
}