/**
 * Telegram Mini App uslublari.
 *
 * MUHIM: bu yerdagi hamma narsa .in-telegram klassi ostida. Bu klass
 * faqat sayt Telegram ichida ochilganda qo'shiladi (miniapp.js).
 * Oddiy brauzerda bu fayl hech qanday ta'sir ko'rsatmaydi.
 */

body.in-telegram {
    /* Webview'da 100vh noto'g'ri — Telegram bergan balandlikni ishlatamiz. */
    min-height: var(--tg-viewport-height, 100vh);

    /* Chetga surilganda "rezina" effekti ilovani yopib yubormasin. */
    overscroll-behavior-y: none;
}

/*
 * Telegram o'zining sarlavhasi va pastki chizig'ini chizadi, shuning
 * uchun qurilmaning xavfsiz zonasini hisobga olamiz.
 */
body.in-telegram #app-content {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
}

/*
 * Telegram ichida keraksiz elementlar. Kerak bo'lganda blade'da
 * elementga .miniapp-hide klassi qo'shiladi.
 */
body.in-telegram .miniapp-hide {
    display: none !important;
}