/* FAKTIVE mobil-lag, 2026. Indlæses sidst på alle sider og overstyrer kun under 700 px.
   Burger-menuen bygges af assets/mobile-nav.js ud fra den eksisterende navigation. */

.nav-burger,.nav-panel{display:none}

@media (max-width:700px){
  html,body{overflow-x:clip}
  img,video,iframe{max-width:100%;height:auto}
  /* fotos, der med vilje er lidt større end deres ramme (kameraets zoom og drift), må ikke klemmes
     ned til rammens bredde af reglen ovenfor: så dækkede de ikke rammens højre kant (ca. 20 px hul) */
  .c3-foto img,.s4c-foto img,.s10-foto img{max-width:none}
  table{display:block;overflow-x:auto;max-width:100%}
  /* overskrifter: kun lange ord deles, og aldrig med en stump på under seks bogstaver
     (før: "ek-stra", "kon-trol", "tæl-ler", "no-get"). Seks og ikke flere, for ellers kan et ord
     som "Patchhånd-tering" ikke deles, og så brydes det uden bindestreg */
  h1,h2,h3,.kk-h1{overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto;
    -webkit-hyphenate-limit-before:6;-webkit-hyphenate-limit-after:6;hyphenate-limit-chars:12 6 6}
  /* artiklernes titler deles ellers kun ved bløde bindestreger; et enkelt ord, der er bredere end
     skærmen ("Risikovurderingen"), blev så brudt midt i uden bindestreg. artikel-2026.css indlæses
     efter denne fil, derfor den ekstra vægt (html) */
  html section.hero.ar-top h1{hyphens:auto;-webkit-hyphens:auto}
  /* felter under 16 px får Safari på iPhone til at zoome ind på siden, når man trykker i dem */
  .fform input,.fform textarea,.fform select,select#ny-sort{font-size:16px !important}

  /* navigation */
  nav .nav-in{padding:10px 18px;gap:10px}
  nav .nav-in > a[aria-label] svg,nav .logo-w{height:20px;width:auto;display:block}
  .nav-links{display:none !important}
  .nav-cta{margin-left:auto;white-space:nowrap;padding:9px 12px !important;font-size:12.5px !important;line-height:1}
  .nav-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 9px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;cursor:pointer;flex:0 0 auto}
  .nav-burger span{display:block;height:2px;background:#F2E7DC;border-radius:2px;transition:transform .2s,opacity .2s}
  /* trykflader på mindst 44 px, uden at knapperne ser anderledes ud: fladen udvides usynligt */
  nav .nav-in > a[aria-label],.nav-cta,.nav-burger{position:relative}
  nav .nav-in > a[aria-label]::after{content:"";position:absolute;inset:-12px -8px}
  .nav-cta::after{content:"";position:absolute;inset:-7px -2px}
  .nav-burger::after{content:"";position:absolute;inset:-3px}
  nav.open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  nav.open .nav-burger span:nth-child(2){opacity:0}
  nav.open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav-panel{position:absolute;left:0;right:0;top:100%;background:#3C2A44;border-top:1px solid rgba(255,255,255,.08);padding:10px 18px 22px;box-shadow:0 30px 60px rgba(42,27,48,.35);z-index:60}
  nav.open .nav-panel{display:block}
  .nav-panel a{display:block;padding:15px 4px;font-size:19px;font-weight:500;color:#F2E7DC;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}
  .nav-panel a.on{color:#fff;border-left:3px solid #E45724;padding-left:12px}
  .nav-panel .np-phone{margin-top:14px;font-family:'Roboto Mono',monospace;font-size:15px;color:#E0C9B8;border:0;padding:8px 4px}
  .nav-panel .np-phone b{color:#fff;font-weight:500}
  body.nav-lock{overflow:hidden}

  /* forside og hovedsider */
  .hero-in,.nh-in{padding-left:20px;padding-right:20px}
  .stamp{white-space:normal;padding-bottom:22px}
  .hero .row{gap:14px}
  .band-in{grid-template-columns:1fr 1fr;padding:0 20px}
  .band .b{padding:14px 12px 14px 0}
  .band .v{overflow-wrap:anywhere}

  /* priser: de to Engine-kort og planerne stables */
  .plans{grid-template-columns:1fr !important;gap:18px}
  .plan{padding:26px 22px}
  .eng-grid,.eng-cards{grid-template-columns:1fr}

  /* kravkort */
  .kk-h1{font-size:clamp(26px,7.4vw,34px) !important;line-height:1.1}
  .top{flex-wrap:wrap;gap:12px}
  .card{padding:26px 22px 24px}
  .answer2{padding:26px 22px}
  .answer2 p{font-size:18px}
  .sec2{padding:22px 20px 24px;grid-template-columns:1fr;column-gap:0}
  .sec2 p{grid-column:1;grid-row:auto;margin-top:10px}
  .xref{gap:8px}
  .xref .x{flex:0 0 auto}
  .xref .x{padding:12px 16px;min-width:0;grid-template-columns:104px 1fr;gap:12px}
  .xref .xv{overflow-wrap:anywhere}

  /* videnshub */
  .rulerow{grid-template-columns:1fr !important}
  .rcell{min-width:0}
  .rcell *{overflow-wrap:anywhere}
  .newsrow{grid-template-columns:1fr !important}
  .ncell{padding:22px 20px}

  /* artikler */
  .doc .blk{padding-left:20px;padding-right:20px}
  .marg{padding-right:0}
  .body p,.body li{overflow-wrap:anywhere}
  .xmap li{grid-template-columns:1fr;gap:4px}

  /* CTA-banner og footer */
  .fcta .in{padding:26px 22px}
  .fcta .row{gap:14px}
  footer .cols{grid-template-columns:1fr !important;gap:22px}
  footer{padding-left:20px;padding-right:20px}
  /* footerens indhold flugter med kontaktsektionen lige over den (28 px fra kanten); før stod det
     52 px inde, fordi .fwrap's egne 32 px kom oven i footerens 20 (mobil-gennemgangen 2026-10) */
  footer .fwrap{padding-left:8px;padding-right:8px}

  /* trykflader i lister og links (mobil-gennemgangen 2026-10). Viden-siderne indlæser deres egne
     stilark efter denne fil, derfor den ekstra vægt (html).
     Kravkort-listerne: rækker på 34 px i stedet for 20 px; afstanden mellem rækkerne lægges ind i
     rækken, så listen kun bliver lidt længere */
  html .rg-kort,html .vi-gruppe ul{row-gap:0}
  html .rg-kort a,html .vi-gruppe li a{padding-top:7px;padding-bottom:7px}
  /* brødkrummer og links med pil: en usynlig flade på mindst 44 px; de ser ud som før */
  html .rg-sti a,html :is(a.rg-mere,a.ghost,a.ev-slut-link,a.eg-alle,a.eg-videre,a.eg-alle28,a.ls-se,a.kt-til,a.kt-tel,a.s12-tel,a.pr-tel,a.vi-mere,a[href*="google.com/maps"]){position:relative}
  html .rg-sti a::before{content:"";position:absolute;inset:-14px -6px}
  html :is(a.rg-mere,a.ghost,a.eg-alle,a.eg-videre,a.eg-alle28,a.ls-se,a.kt-til,a.kt-tel,a.s12-tel,a.pr-tel,a.vi-mere)::before{content:"";position:absolute;inset:-8px -4px}
  html :is(a.ev-slut-link,a[href*="google.com/maps"])::before{content:"";position:absolute;inset:-11px -4px}
}

/* de smalleste skærme (under 360 px): her kan også korte ord være bredere end linjen, så
   orddelingen får lov at dele dem; ellers blev de brudt uden bindestreg */
@media (max-width:359px){
  h1,h2,h3,.kk-h1{-webkit-hyphenate-limit-before:auto;-webkit-hyphenate-limit-after:auto;hyphenate-limit-chars:auto}
}

@media (max-width:420px){
  .band-in{grid-template-columns:1fr}
  .xref .x{grid-template-columns:1fr;gap:4px}
  .nav-cta{padding:9px 10px !important;font-size:12px !important}
}