/* ==========================================================================
   pwa.css — tylko w trybie standalone (Add to Home Screen / zainstalowana PWA)
   ========================================================================== */

html[data-pwa="true"] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent !important;
}

/* Android: dziedziczenie tap-highlight bywa zawodne + lokalne var(--tap-highlight) */
html[data-pwa="true"] *,
html[data-pwa="true"] *::before,
html[data-pwa="true"] *::after {
  -webkit-tap-highlight-color: transparent !important;
}

html[data-pwa="true"] body {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

html[data-pwa="true"] input,
html[data-pwa="true"] textarea,
html[data-pwa="true"] select,
html[data-pwa="true"] [contenteditable=""],
html[data-pwa="true"] [contenteditable="true"],
html[data-pwa="true"] [contenteditable="plaintext-only"] {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

html[data-pwa="true"] .phone-footer,
html[data-pwa="true"] .footer-desktop {
  display: none !important;
}

/* Ukryte scrollbary — przewijanie zostaje, bez widocznego paska (app-like).
   !important: przebija scrollbar-width: thin z paneli (kalkulator, wingman itd.).
   Android Chrome/WebView często wymaga też zerowej szerokości webkit. */
html[data-pwa="true"],
html[data-pwa="true"] body,
html[data-pwa="true"] * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scrollbar-gutter: auto !important;
}

html[data-pwa="true"]::-webkit-scrollbar,
html[data-pwa="true"] *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

html[data-pwa="true"]::-webkit-scrollbar-thumb,
html[data-pwa="true"] *::-webkit-scrollbar-thumb,
html[data-pwa="true"]::-webkit-scrollbar-track,
html[data-pwa="true"] *::-webkit-scrollbar-track {
  background: transparent !important;
}