/**
 * Kliurs PWA — Mobile optimization
 * Touch-friendly targets, safe areas, standalone chrome
 */
@media (max-width: 767.98px) {
  .navbar .nav-link,
  .navbar .navbar-brand,
  .btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .container {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
  }
  body {
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
}

@media (display-mode: standalone) {
  body {
    user-select: none;
    -webkit-user-select: none;
  }
  .navbar {
    padding-top: env(safe-area-inset-top, 0);
  }
}

* {
  -webkit-tap-highlight-color: transparent;
}