/* ===========================
   Skip Link Component
   =========================== */

/**
 * WCAG 2.4.1 Bypass Blocks compliance
 * Accessible skip link for keyboard navigation users
 *
 * Behavior:
 * - Hidden off-screen by default (top: -40px)
 * - Revealed on keyboard focus (Tab key)
 * - Links to <main id="main-content"> element
 */

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  z-index: 100; /* Above navbar (z-index: 50) */

  padding: 8px 16px;

  background: var(--color-accent-primary);
  color: var(--color-bg-primary);

  text-decoration: none;
  font-weight: var(--font-weight-bold);
  border-radius: var(--radius-sm);

  /* Smooth transition on focus */
  transition: top 0.2s ease;
}

.skip-link:focus {
  top: 0;
  outline: 2px solid var(--color-accent-secondary);
  outline-offset: 2px;
}