/* ==================================================================
   LEKON - NAVIGATIONEN OVER RÅDGIVNING (2.96.0)

   Mega menuen har sit oprindelige design og bor i headeren (stilen
   .lk-mega--rg, .lk-rail, .lk-cat, .lk-panel, .lk-yd ligger dér). Her
   ligger kun det, der bruger mega menuen uden for headeren:

   1. Siden, man lander på fra Google eller et gammelt link til Rådgivning
      eller en kategori: præcis mega menuen, bare som en side.
   2. Produktsiden: ingen venstremenu - indholdet får fuld bredde.
   3. "Andre ydelser i …" nederst på produktsiden: samme fliser som i
      mega menuen og "Se alle områder", der åbner menuen.
   ================================================================== */

/* ---------- fælles: fliserne uden for headeren ---------- */
.lk-mega--side,.lnv-andre{-webkit-font-smoothing:antialiased;}
.lk-mega--side,.lk-mega--side *,.lk-mega--side *::before,.lk-mega--side *::after,
.lnv-andre,.lnv-andre *,.lnv-andre *::before,.lnv-andre *::after{box-sizing:border-box;}
.lk-mega--side :where(ul,li,p,h1,h2){margin:0;padding:0;list-style:none;}
.lnv-andre :where(ul,li){margin:0;padding:0;list-style:none;}
.lk-mega--side a,.lnv-andre a{text-decoration:none;}
.lk-mega--side .lk-yd,.lnv-andre .lk-yd{color:inherit;}
.lnv-andre .lk-yd__ikon svg{stroke-width:1.4;}

/* ==================================================================
   1. RÅDGIVNING ELLER EN KATEGORI SOM SIDE
   Mega menuen - samme spalte, samme fliser, samme kant som headeren -
   men stående på siden i stedet for at folde sig ud.
   ================================================================== */
.lk-mega.lk-mega--side{position:relative;top:auto;left:auto;right:auto;z-index:auto;overflow:visible;
  clip-path:none;visibility:visible;pointer-events:auto;content-visibility:visible;
  border-radius:0;box-shadow:none;background:#fff;font-family:var(--lk-f-body,"Plus Jakarta Sans",sans-serif);color:var(--lk-ink,#16242E);text-align:left;}
.lk-mega.lk-mega--side .lk-mega__in{height:auto;min-height:calc(100vh - var(--lk-headerh,120px));min-height:calc(100svh - var(--lk-headerh,120px));
  opacity:1;transform:none;transition:none;background:#152634;}
.lk-mega--side h1{font-family:var(--lk-f-head,"Sora",sans-serif);}

/* spalten bliver stående, mens man ruller i fliserne */
.lk-mega.lk-mega--side .lk-rail{position:sticky;top:var(--lk-headerh,120px);align-self:start;
  min-height:calc(100vh - var(--lk-headerh,120px));padding-top:clamp(34px,3.4vw,52px);}
.lk-mega.lk-mega--side .lk-cats{overflow:visible;}
.lk-mega--side h1.lk-rail__titel{font-size:1.5rem;}

/* fliserne */
.lk-mega.lk-mega--side .lk-panels{background:#fff;padding-top:clamp(34px,3.4vw,52px);}
.lk-mega.lk-mega--side .lk-panel .lk-grid.lk-grid--yd{flex:0 0 auto;overflow:visible;margin-bottom:clamp(28px,3vw,44px);}
.lk-mega.lk-mega--side .lk-panel__head{margin-bottom:22px;padding-bottom:22px;}
.lk-mega--side h1.lk-panel__title{font-weight:700;font-size:clamp(1.9rem,2.4vw,2.5rem);line-height:1.08;letter-spacing:-.04em;text-wrap:balance;}
.lk-mega.lk-mega--side .lk-panel__tekst{max-width:68ch;margin-top:12px;font-size:1rem;line-height:1.62;}
.lk-mega.lk-mega--side .lk-foot{position:sticky;bottom:0;background:#fff;}

/* tablet: smallere spalte */
@media (max-width:1100px){
  .lk-mega.lk-mega--side .lk-mega__in{grid-template-columns:calc(var(--lk-edge) + 280px) minmax(0,1fr);}
  .lk-mega.lk-mega--side .lk-rail{padding-right:24px;}
  .lk-mega.lk-mega--side .lk-panels{padding-left:32px;}
}

/* telefon: fliserne først, så de andre områder - og hjælpen nederst */
@media (max-width:860px){
  .lk-mega.lk-mega--side .lk-mega__in{display:flex;flex-direction:column;min-height:0;background:#fff;}
  .lk-mega.lk-mega--side .lk-panels{display:contents;}
  .lk-mega.lk-mega--side .lk-panel{order:1;padding:clamp(28px,7vw,40px) var(--lk-edge) 8px;}
  .lk-mega.lk-mega--side .lk-panel:not(.is-active){display:none;}
  .lk-mega.lk-mega--side .lk-panel .lk-grid.lk-grid--yd{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:28px;padding:0!important;}
  .lk-mega.lk-mega--side .lk-panel__head{margin-bottom:18px;padding-bottom:18px;}
  .lk-mega--side h1.lk-panel__title{font-size:clamp(1.7rem,7.4vw,2.1rem);}
  .lk-mega.lk-mega--side .lk-panel__tekst{font-size:.97rem;}
  .lk-mega.lk-mega--side .lk-rail{order:2;position:static;align-self:stretch;min-height:0;padding:30px var(--lk-edge) 26px;}
  .lk-mega.lk-mega--side .lk-cat{min-height:48px;}
  .lk-mega.lk-mega--side .lk-foot{order:3;position:static;flex-direction:column;align-items:flex-start;gap:14px;margin:0;padding:24px var(--lk-edge) 30px;border-top:0;background:#152634;}
  .lk-mega.lk-mega--side .lk-foot p{color:#B7C7D2;}
  .lk-mega.lk-mega--side .lk-foot__tel{color:#fff;}
  .lk-mega.lk-mega--side .lk-foot__actions{width:100%;justify-content:space-between;}
}

.lnv-tom{padding:20px;color:#5B6B76;}

/* ==================================================================
   2. PRODUKTSIDEN UDEN VENSTREMENU
   Menuen er væk; indholdet står i fuld bredde med samme kant som
   headeren, så logo, overskrift og tekst flugter.
   ================================================================== */
.aba .aba-ramme:has(> .aba-side .lnv-uden-menu){grid-template-columns:minmax(0,1fr)!important;}
.aba .aba-side:has(.lnv-uden-menu){display:none!important;}
@media (min-width:1101px){
  .aba:has(.lnv-uden-menu),.aba:has(.aba-indhold > #kontakt):has(.lnv-uden-menu){--kant:4%;}
}

/* ==================================================================
   3. "ANDRE YDELSER I …" NEDERST PÅ PRODUKTSIDEN
   ================================================================== */
.aba .aba-sek.lnv-andre{padding-block:clamp(56px,6vw,96px);background:#fff;}
.aba .lnv-andre__top{display:flex;align-items:baseline;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin-bottom:clamp(22px,2.4vw,32px);}
.aba .lnv-andre .lnv-andre__alle{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--lk-f-head,"Sora",sans-serif);font-weight:600;font-size:.98rem;
  letter-spacing:-.01em;color:#152634;white-space:nowrap;transition:color .2s ease;}
.aba .lnv-andre .lnv-andre__alle svg{transition:transform .3s cubic-bezier(.23,1,.32,1);}
.aba .lnv-andre .lnv-andre__alle:hover{color:#0B7EB0;}
.aba .lnv-andre .lnv-andre__alle:hover svg{transform:translateX(4px);}
.aba .lnv-andre .lk-grid.lk-grid--yd{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,272px),1fr));gap:10px;
  margin:0;padding:0;overflow:visible;flex:none;min-height:0;}
.aba .lnv-andre .lk-yd{min-height:78px;}
.aba .lnv-andre .lk-yd:focus-visible{outline:2px solid #16ADEE;outline-offset:2px;}
@media (max-width:700px){
  .aba .lnv-andre__top{align-items:flex-start;flex-direction:column;gap:8px;}
  .aba .lnv-andre .lk-grid.lk-grid--yd{gap:8px;}
  .aba .lnv-andre .lk-yd{min-height:70px;padding:16px 18px;gap:12px;}
  .aba .lnv-andre .lk-yd__pil{opacity:.55;transform:none;}
}

@media (prefers-reduced-motion:reduce){
  .lk-mega--side *,.lnv-andre *{animation:none!important;transition:none!important;}
}