/*
  appstore-ready.css
  Настройки для нативного ощущения при запуске как PWA / wrapped app.
  Подключается последним в index.html.
*/

/* ── Системный шрифт + сглаживание ──────────────────────────────── */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* Отключаем tap-highlight глобально */
  -webkit-tap-highlight-color: transparent;
}

body {
  /* Запрещаем дефолтный bounce-scroll на iOS корня */
  overscroll-behavior: none;
}

/* ── Отключаем выделение текста и callout на интерактивных элементах */
button,
.nav-btn,
.today-section-head,
.notes-tab,
.auth-tab,
.type-btn,
.habit-row,
.notes-recent-card,
.analysis-hero-card,
.analysis-top-card,
.analysis-pretty-row {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* ── Разрешаем выделение там, где оно нужно ─────────────────────── */
input,
textarea,
.analysis-rich-text,
.analysis-ai-text,
.notes-recent-text {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

/* ── Предотвращаем zoom на iOS при фокусе в input (font-size < 16px)
   Все поля ввода должны иметь font-size >= 16px на мобиле             */
@media (max-width: 900px) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}

/* ── Safe-area отступ сверху — актуален при black-translucent статус-баре.
   С default он не нужен (iOS сам отодвигает контент), но не мешает
   поскольку env(safe-area-inset-top) = 0 при default.              ── */
@media (max-width: 900px) {
  #auth-screen {
    padding-top: max(16px, env(safe-area-inset-top, 0px) + 16px);
  }
}

/* ── Touch-action для скроллируемых зон ─────────────────────────── */
#app.visible .main-content {
  touch-action: pan-y;
}

/* ── Отключаем hover-состояния на чисто тач-устройствах ─────────── */
@media (hover: none) and (pointer: coarse) {
  .btn:hover,
  .nav-btn:hover,
  .auth-tab:hover {
    background: unset;
    opacity: 1;
  }
}

/* ── Убираем outline на тач (он мелькает некрасиво на iOS) ─────────*/
@media (hover: none) {
  *:focus {
    outline: none;
  }
}

/* ── Splash-screen фон совпадает с background_color в манифесте ──── */
html {
  background-color: #faf4ec;
}