/* Klickytor i sidhuvud och sidfot på mobil.
 *
 * Uppmätt i Chromium på 390px låg navigations- och sidfotslänkarna på 12–22px
 * höjd på samtliga av repots egna sidor. WCAG 2.5.8 sätter golvet vid 24px,
 * och en tumme träffar bekvämt först runt 44px. Effekten är verklig: länkarna
 * i sidfoten ligger dessutom tätt, så feltryck blir vanliga.
 *
 * Reglerna gäller bara navigation, sidhuvud och sidfot. Länkar inne i brödtext
 * är undantagna i WCAG och rörs inte här, eftersom en ökad radhöjd där skulle
 * förstöra typografin.
 *
 * Ingenting gäller över 700px, så desktop- och surfplattelayouten är
 * oförändrad. Verifieras av scripts/visual-review.mjs.
 */

@media (max-width: 700px) {
  /* En rad juridiska länkar ligger ofta i ett <p>, men den är navigation och
     inte brödtext. Den märks upp med .legal-links i markupen i stället för att
     gissas fram i CSS. */
  :is(header, footer, nav) a:not(p a):not(li p a),
  .legal-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Länkar som ligger på egen rad ska ta hela bredden så träffytan blir
     förutsägbar, inte bara så bred som texten råkar vara. */
  :is(header, footer) nav a,
  footer :is(ul, .footer-links, [class*="footer-link"]) a {
    width: 100%;
  }

  /* Rader av korta länkar - "Integritet · Villkor · Kontakt" - behöver luft
     mellan sig så att 44px-ytorna inte överlappar varandra visuellt. */
  :is(header, footer) a + a {
    margin-left: 2px;
  }
}