/* CAAP³ — rettelser.css (27.09.2026, opdateret 18:30)
   Mobil- og tilgængelighedsrettelser. Indlæses EFTER site.css på alle sider.
   Kan flettes ind nederst i site.css senere. */

/* Logoet må aldrig blive klemt af menuen */
.nav .container>a:first-child{flex-shrink:0}

/* Booking-knap i menulinjen på mobil (skjult på desktop, hvor menuen har sin egen) */
.nav-book{display:none}
@media (max-width:880px){
  .nav .container{gap:10px}
  .nav .container>a:first-child{margin-right:auto;flex-shrink:0}
  .nav-book{display:inline-flex;padding:8px 14px;font-size:13px;white-space:nowrap}
  /* Knappen i den udfoldede mobilmenu: hvid tekst og normal polstring (var mørk tekst på teal) */
  .nav-links.open a.btn{color:#fff;padding:12px 26px;margin-top:6px}
}

/* Nyt, bredere logo (983×299) + knap + menu skal kunne være på små skærme */
@media (max-width:420px){
  .nav .nav-logo{height:40px!important}
}
@media (max-width:360px){
  .nav .nav-logo{height:32px!important}
  .nav-book{padding:7px 11px;font-size:12px}
}

/* Topbjælke på mobil: én linje med mail og telefon */
@media (max-width:600px){
  .utility .container{justify-content:center}
  .utility .container>span:first-child{display:none}
}

/* Kontaktfelter: etiket over værdi (manglede mellemrum: "SKRIV TIL MIGskaale@…") */
.ctile>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.ctile .cl,.ctile .cv{display:block}
.ctile .cv{overflow-wrap:anywhere}

/* Lange danske ord må ikke skubbe siden ud i bredden */
h1,h2,h3,.title{overflow-wrap:break-word}
@media (max-width:480px){
  .title{font-size:30px}
}