/*!
 * app-adapter.css — минимальные правки под мини-приложение Telegram и MAX.
 * Подключать после assets/style.css:
 *   <link rel="stylesheet" href="assets/app-adapter.css">
 *
 * Сайт остаётся светлым и фирменным: мы НЕ перекрашиваем его под тёмную тему
 * мессенджера, а только убираем то, что в WebView выглядит сломанным.
 */

:root {
  /* Высоту подставляет app-adapter.js: в WebView 100vh не равен видимой области */
  --app-height: 100vh;
  /* Принудительно светлые нативные контролы (чекбоксы, поля ввода) */
  color-scheme: light;
}

/* Только внутри мессенджеров */
html[data-platform="telegram"],
html[data-platform="max"] {
  /* Убираем «резиновый» отскок и случайное обновление страницы свайпом */
  overscroll-behavior-y: none;
  /* Убираем синюю вспышку при тапе по ссылкам */
  -webkit-tap-highlight-color: transparent;
}

/* Отступ под системный индикатор (iPhone) */
html[data-platform="telegram"] body,
html[data-platform="max"] body {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* Поля ввода: 16px минимум, иначе iOS зумит страницу при фокусе */
html[data-platform="telegram"] input,
html[data-platform="telegram"] textarea,
html[data-platform="telegram"] select,
html[data-platform="max"] input,
html[data-platform="max"] textarea,
html[data-platform="max"] select {
  font-size: 16px;
}

/* Кнопки и ссылки — не выделяются как текст при долгом тапе */
html[data-platform="telegram"] .btn,
html[data-platform="max"] .btn {
  -webkit-user-select: none;
  user-select: none;
}

/* Липкая шапка: в WebView полезна тень, иначе сливается с контентом */
html[data-platform="telegram"] .topbar,
html[data-platform="max"] .topbar {
  box-shadow: 0 2px 10px rgba(23, 63, 95, .10);
}

/* Блок приветствия, если решите показать имя пользователя из мессенджера.
   Разметка: <p class="miniapp-hi">Здравствуйте, <span data-miniapp-user></span>!</p> */
.miniapp-hi {
  display: none;
  margin: 0 0 14px;
  padding: 12px 16px;
  border-radius: 12px;
  background: #EDF3F8;
  color: #173F5F;
  font-weight: 600;
}
html[data-platform="telegram"] .miniapp-hi,
html[data-platform="max"] .miniapp-hi {
  display: block;
}

/* Кнопка «Позвонить» для мини-приложения */
.miniapp-call {
  display: none;
}
html[data-platform="telegram"] .miniapp-call,
html[data-platform="max"] .miniapp-call {
  display: inline-flex;
}

/* Внутри мессенджера прячем то, что ведёт в сам мессенджер:
   кнопка «Открыть приложение в Telegram» там бессмысленна. */
html[data-platform="telegram"] .only-browser,
html[data-platform="max"] .only-browser {
  display: none !important;
}