/**
 * a11y-mobile.css — Faza 7: dostępność mobile (touch targets, reduced motion)
 */

/* 7.1 — touch targets min. 44×44 CSS px (WCAG 2.5.5) */
.mobile-menu-btn {
  min-height: 44px;
  min-width: 44px;
  align-items: center;
  justify-content: center;
}

.app-mbnav-item {
  min-width: 44px;
}

@media (min-width: 769px) {
  .app-subnav a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .status-bar--app .status-progress-compact {
    min-height: 28px;
    padding: 0;
  }

  .sfx-toggle--embedded {
    min-width: 28px;
    min-height: 28px;
    padding: 0;
  }

  .status-detail-head button,
  .landscape-hint-close {
    min-width: 44px;
    min-height: 44px;
  }
}

/* 7.3 — prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  .status-dot,
  .nav-progress-dot,
  .status-bar--public .status-dot,
  .status-bar--app .status-dot {
    animation: none !important;
  }

  .training-card,
  .ranking-card,
  .toast,
  .narrator-overlay,
  .narrator-overlay.fade-out,
  .narrator-card,
  .vish-wave-bar,
  .nav-progress-fill,
  .training-progress-fill,
  .status-expand-icon {
    animation: none !important;
    transition: none !important;
  }
}