/* Правки для окна Telegram. Действуют только когда js/telegram.js поставил
   data-tg на <html> — в обычном браузере ни одно правило отсюда не включается.

   Собственную тему приложения тут намеренно не трогаем: человек выбрал её в
   настройках, и подмена оформления под цвета Telegram означала бы, что тот же
   аккаунт выглядит по-разному в браузере и в мессенджере. Здесь только то,
   что связано с формой окна, а не с цветом. */

:root[data-tg] {
  /* Telegram рисует свою шапку поверх страницы, а на iPhone ещё и «чёлка».
     Обе величины приходят от системы; если клиент старый и переменных нет,
     остаётся ноль — ровно как было. */
  --tg-top: env(safe-area-inset-top, 0px);
  --tg-bottom: env(safe-area-inset-bottom, 0px);
}

/* Окно Telegram закрывается свайпом вниз. disableVerticalSwipes() в
   js/telegram.js это выключает, но на старых клиентах метода нет — тогда
   спасает запрет «оттягивания» самой страницы: без него жест перехватывает
   Telegram и урок закрывается на середине. */
:root[data-tg],
:root[data-tg] body {
  overscroll-behavior-y: none;
}

:root[data-tg] body {
  padding-top: var(--tg-top);
  padding-bottom: var(--tg-bottom);
}
