/* iOS Table Fixes for Veneo Theme */

/* Основные исправления для таблиц на iOS Safari */
@supports (-webkit-touch-callout: none) {
    /* Контейнер таблицы */
    #tabela {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        position: relative;
        z-index: 1;
        /* Принудительное создание нового слоя */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        /* Предотвращение проблем с рендерингом */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    /* Заголовок таблицы */
    #tabela table thead {
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        background: white !important;
        /* Принудительное создание нового слоя */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        /* Предотвращение проблем с рендерингом */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    /* Заголовки колонок */
    #tabela table th {
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        /* Принудительное создание нового слоя */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        /* Предотвращение проблем с рендерингом */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    /* Тело таблицы */
    #tabela table tbody {
        position: relative;
        z-index: 1;
        /* Принудительное создание нового слоя */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    /* Ячейки таблицы */
    #tabela table td {
        /* Принудительное создание нового слоя */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        /* Предотвращение проблем с рендерингом */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    /* Строки таблицы */
    #tabela table tr {
        /* Принудительное создание нового слоя */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* Дополнительные исправления для всех таблиц на странице */
@supports (-webkit-touch-callout: none) {
    table {
        /* Принудительное создание нового слоя */
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    table thead {
        position: sticky !important;
        top: 0 !important;
        z-index: 50 !important;
        background: white !important;
    }
    
    table th {
        position: sticky !important;
        top: 0 !important;
        z-index: 50 !important;
    }
}

/* Исправления для контейнеров с overflow */
@supports (-webkit-touch-callout: none) {
    .overflow-auto,
    [class*="overflow"] {
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }
}

/* Исправления для sticky элементов */
@supports (-webkit-touch-callout: none) {
    [class*="sticky"] {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}