/* blokace.css
   Záměr: omezit výběr/kopírování textu, systémové callout menu a podpořit blokaci double-tap zoomu.
   Pozn.: Nelze 100% zabránit kopírování (např. přes devtools), ale pro mobilní UX to výrazně pomůže.
*/

html, body {
  /* Zabrání zvýrazňování textu */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* iOS: vypne "callout" (kopírovat / definovat / sdílet) */
  -webkit-touch-callout: none;

  /* zamezí zvýrazňování po tapnutí (Android/Chromium) */
  -webkit-tap-highlight-color: transparent;

  /* Pomáhá proti double-tap zoomu (Chrome/Android + některé iOS verze) */
  touch-action: manipulation;
}

/* Přesto nech možnost selekce tam, kde je to žádoucí (input/textarea) */
input, textarea, [contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

/* Pokud máš někde text, který chceš povolit kopírovat, dej mu třídu .allow-select */
.allow-select {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default !important;
}


#rotate-phone-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.99);
  padding: 24px;
}

#rotate-phone-overlay.show {
  display: flex;
}

.rotate-phone-box {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}