/* Telegram Mini App — адаптація UI */

/* Приховати елементи, що не потрібні в TMA */
.tma-mode .main-header .top-menu,
.tma-mode .main-header .header-top,
.tma-mode footer.footer,
.tma-mode #back-top {
    display: none !important;
}

/* Safe area для iPhone з Telegram header bar */
.tma-mode body {
    padding-top: env(safe-area-inset-top, 0px);
}

/* Зменшити відступ хедера в TMA */
.tma-mode .main-header {
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Telegram color variables для кнопок */
.tma-mode .btn-primary {
    background-color: var(--tg-theme-button-color, #fe7101);
    border-color: var(--tg-theme-button-color, #fe7101);
    color: var(--tg-theme-button-text-color, #ffffff);
}

/* Фон сторінки відповідно до теми Telegram */
.tma-mode body {
    background-color: var(--tg-theme-bg-color, #ffffff);
    color: var(--tg-theme-text-color, #333333);
}

/* Плавний перехід при завантаженні */
.tma-mode * {
    -webkit-tap-highlight-color: transparent;
}