/* iOS-специфічні виправлення для скролінгу на екрані вибору тем */

/* Застосовуємо спеціальні стилі для iOS */
@supports (-webkit-touch-callout: none) {
    /* Екран вибору тем */
    #topic-select {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
        height: 100vh;
        position: relative;
        /* Запобігаємо горизонтальному скролінгу */
        overflow-x: hidden;
        /* Запобігаємо інерційному скролінгу */
        overscroll-behavior: contain;
        /* Апаратне прискорення */
        transform: translateZ(0);
        will-change: scroll-position;
    }

    /* Список тем */
    #topics-list {
        -webkit-overflow-scrolling: touch;
        overflow-y: visible;
        position: relative;
        height: auto;
        /* Запобігаємо горизонтальному скролінгу */
        overflow-x: hidden;
        /* Додаємо відступ внизу для кращого скролінгу */
        padding-bottom: 120px;
    }

    /* Сітка тем */
    .topics-grid {
        /* Запобігаємо горизонтальному скролінгу */
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        /* Запобігаємо переповненню */
        overflow: visible;
    }

    /* Картки тем */
    .topic-card {
        /* Запобігаємо проблемам з тапами на iOS */
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        touch-action: manipulation;
    }
}