/* NordicMix: NM-EXTERNAL-COVER-READABLE-V1
   Kun den offentlige eksterne behandlerprofil. Ingen booking-/eventkort. */

/* Et roligt 55/45-cover. Fotoet er synligt næsten helt hen til kanten. */
.nm-feature-hero.nm-feature-hero--editorial {
  display:grid!important;
  grid-template-columns:minmax(0,55%) minmax(0,45%)!important;
  align-items:stretch!important;
  background:#fff!important;
  overflow:hidden!important;
}
.nm-feature-hero.nm-feature-hero--editorial > .nm-feature-picture {
  position:relative!important;
  min-width:0!important;
  min-height:500px!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#EBF0F2!important;
}
.nm-feature-hero.nm-feature-hero--editorial .nm-feature-picture img {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center 35%!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 86%,transparent 100%)!important;
  mask-image:linear-gradient(to right,#000 0%,#000 86%,transparent 100%)!important;
}
.nm-feature-hero.nm-feature-hero--editorial .nm-feature-picture::before,
.nm-feature-hero.nm-feature-hero--editorial .nm-feature-picture::after {
  content:none!important;
  display:none!important;
}
.nm-feature-hero.nm-feature-hero--editorial > .nm-feature-copy {
  min-width:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
  padding:clamp(24px,3.1vw,52px)!important;
}
.nm-feature-hero.nm-feature-hero--editorial .nm-hero-about-preview,
.nm-feature-hero.nm-feature-hero--editorial .nm-hero-about-full {
  white-space:pre-line!important;
  overflow-wrap:anywhere!important;
  line-height:1.76!important;
}
/* Hvis JS er slået fra, kan hele teksten stadig læses uden enormt cover. */
.nm-feature-hero.nm-feature-hero--editorial .nm-hero-about-details[open] .nm-hero-about-full {
  max-height:240px;
  overflow-y:auto;
  padding-right:9px;
}
@media(max-width:900px){
  .nm-feature-hero.nm-feature-hero--editorial {
    grid-template-columns:minmax(0,1fr)!important;
  }
  .nm-feature-hero.nm-feature-hero--editorial > .nm-feature-picture {
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
  }
  .nm-feature-hero.nm-feature-hero--editorial .nm-feature-picture img {
    object-position:center 30%!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)!important;
  }
  .nm-feature-hero.nm-feature-hero--editorial > .nm-feature-copy {
    padding:24px!important;
  }
}
@media(max-width:600px){
  .nm-feature-hero.nm-feature-hero--editorial > .nm-feature-picture {
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
  }
  .nm-feature-hero.nm-feature-hero--editorial > .nm-feature-copy {
    padding:19px!important;
  }
}

/* Hele "Om behandleren"-teksten i en rolig, læsevenlig modal. */
.nm-about-dialog {
  width:min(720px,calc(100vw - 28px));
  max-width:720px;
  max-height:min(86vh,880px);
  padding:0;
  overflow:hidden;
  border:1px solid #C4D7E0;
  border-radius:18px;
  background:#fff;
  color:#14323D;
  box-shadow:0 24px 80px rgba(20,50,61,.24);
}
.nm-about-dialog::backdrop{background:rgba(20,50,61,.58);backdrop-filter:blur(2px)}
.nm-about-dialog__header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:19px 22px;background:#EBF0F2;border-bottom:1px solid #C4D7E0;
}
.nm-about-dialog__title{font-family:Georgia,serif;font-size:23px;font-weight:600;line-height:1.3;margin:0;color:#14323D}
.nm-about-dialog__close{
  flex-shrink:0;border:1px solid #A9C3CE;border-radius:10px;background:#fff;
  color:#14323D;font:inherit;font-weight:700;padding:10px 16px;cursor:pointer;
}
.nm-about-dialog__body{padding:22px 25px 30px;max-height:calc(86vh - 86px);overflow:auto}
.nm-about-dialog__text{
  margin:0;color:#3C5660;font-size:16px;line-height:1.85;
  white-space:pre-line;overflow-wrap:anywhere;
}
@media(max-width:600px){
  .nm-about-dialog__header{padding:15px 16px}
  .nm-about-dialog__title{font-size:20px}
  .nm-about-dialog__body{padding:18px 17px 25px}
  .nm-about-dialog__text{font-size:15px;line-height:1.8}
}