/* /static/accessibility.css
   WCAG-orientierte Basis: Skip-Link, Fokus-Variable
   Auf allen öffentlichen Seiten einbinden (nach topbar.css oder zuerst).
*/

:root {
  --nv-focus-ring: 0 0 0 2px rgba(0, 127, 127, 0.34);
}

/* Skip-Link: außerhalb sichtbarer Bereich, bei Fokus sichtbar (WCAG 2.4.1) */
.nv-skip-link {
  position: absolute;
  left: 14px;
  top: 12px;
  z-index: 9999;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0, 127, 127, 0.5);
  background: rgba(0, 0, 0, 0.86);
  color: #0b9999;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.72rem;
  text-decoration: none;
  transform: translateY(-140%);
  transition: transform 0.28s cubic-bezier(0.33, 0.02, 0.11, 0.99), box-shadow 0.28s cubic-bezier(0.33, 0.02, 0.11, 0.99);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.42);
}

.nv-skip-link:focus {
  transform: translateY(0);
  outline: none;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

/* Buttons/Links: sichtbarer Fokus (WCAG 2.4.7) */
.nv-btn:focus-visible,
a.nv-btn:focus-visible {
  outline: none;
  box-shadow: var(--nv-focus-ring);
}