/* mobil.css — tryckytor och läsbarhet på touch (2026-07-29).
   Byggd efter MÄTNING i 390 och 768 px (Playwright): sajten hade inget
   horisontellt spill och 0 konsolfel, men 7–24 tryckytor per sida under
   40 px — värst kontaktformulärets svarsalternativ (11 st), som är det
   folk faktiskt ska träffa med tummen.

   Googles riktvärde är 48×48 px med minst 8 px mellanrum. Här höjs bara
   RIKTIGA interaktionsytor; dekorativ mikrotext i webbläsar-mockupen
   (.bwin/.bnote/.burl) och entré-räknaren lämnas som de är — de är
   illustration, inte innehåll att läsa eller trycka på.

   Laddas sist av CSS-filerna på alla fyra sidor. */

@media (pointer: coarse), (max-width: 820px) {

  /* ── kontaktformulärets svarsalternativ: den viktigaste ytan på sajten ── */
  .qopt{min-height:52px;display:flex;align-items:center;padding-block:.85rem}
  .qopt + .qopt{margin-top:.6rem}

  /* ── knappar och primära länkar ── */
  .btn,.cta,.qback,.qnext{min-height:48px;display:inline-flex;align-items:center;
    justify-content:center}
  .mer,.svc-more,.split-lank,.sl-more,.vgi-bild{min-height:44px;
    display:inline-flex;align-items:center}
  .vgi-bild{display:block}                    /* kortet äger redan sin höjd */

  /* ── nav: märket och ljudknappen fick under 40 px i mätningen ── */
  .nav-brand{display:inline-flex;align-items:center;min-height:44px}
  .nav-links a{min-height:44px;display:inline-flex;align-items:center}
  .nav-cta,.topp-cta{min-height:44px}
  .ljud-knapp{min-height:44px;min-width:44px;display:inline-flex;
    align-items:center;justify-content:center}

  /* ── footer: länkraderna låg tätt och lågt ── */
  .foot a{min-height:44px;display:flex;align-items:center}
  .foot .fcol a + a{margin-top:0}

  /* ── läsbarhet: inget läsinnehåll under 12 px ──
     (undantag: .bwin-mockupen och entré-räknaren, som är illustration) */
  .foot,.foot a,.foot span{font-size:max(.92rem,14px)}
  .lede,.svc-intro,.svc-ingar,.om-spar li span,.vgi-pelare{font-size:max(.95rem,15px)}
}