/* ============================================================================
   Sjølappen — Tilgjengelighet (a11y)
   ----------------------------------------------------------------------------
   Global :focus-visible-håndtering. Erstatter spredte `outline: none`-regler
   som tidligere fjernet synlig fokus uten ekvivalent.

   WCAG 2.2 SC 2.4.7 (Focus Visible, AA) + SC 1.4.11 (Non-text Contrast, AA).

   Inkluder denne fila SIST i <head> slik at den vinner over modul-CSS-er.
   ============================================================================ */

:root {
  --focus-ring: var(--coral-dark, #d94545);
  --focus-ring-offset: var(--paper, #fff);
}

/* Skjul outline kun for muse-/touch-fokus — behold tastatur-fokus (:focus-visible). */
*:focus:not(:focus-visible) {
  outline: none;
}

/* Synlig fokus for tastatur-brukere — møter 3:1 mot vanlige bg-farger. */
*:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Skip-link (klar til bruk på alle sider med <a class="skip-link" href="#main">). */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 9999;
}
.skip-link:focus,
.skip-link:focus-visible {
  position: fixed;
  left: 8px;
  top: 8px;
  width: auto;
  height: auto;
  padding: 10px 14px;
  background: var(--navy, #0d2137);
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}

/* Reduced motion: stopp autoplay-loop-videoer + dempe animasjoner. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}
