<script>
document.addEventListener('DOMContentLoaded', function () {
    const parentContainer = document.querySelector('.elementor-element-9e92242 .e-con-inner');

    // Проверяем, что родительский элемент существует
    if (!parentContainer) {
        console.error('Родительский элемент .e-con-inner не найден');
        return;
    }

    // Находим все блоки .slide_custom
    const slides = document.querySelectorAll('.slide_custom');

    // Вычисляем ширину родительского элемента
    const parentWidth = parentContainer.offsetWidth;

    // Устанавливаем ширину каждого блока .slide_custom
    slides.forEach(slide => {
        let textBlock = slide.querySelector('.e-con-boxed');
        const isMobile = window.innerWidth <= 767;
        if (isMobile) {
            // На мобильных показываем только один слайд
            slide.style.width = `${parentWidth * 1}px`;
            if (textBlock) {
                textBlock.style.width = `${parentWidth * 1}px`; // Уберите !important
            }
        } else {
            // На десктопе показываем три слайда
            slide.style.width = `${parentWidth * 0.3333}px`;
        }
    });

    // Находим контейнер слайдера
    const sliderContainer = document.querySelector('.elementor-element-818afbd');

    // Создаем стрелки
    const arrowLeft = document.createElement('div');
    arrowLeft.className = 'slider-arrow slider-arrow-left';
    arrowLeft.innerHTML = '&#10094;'; // Иконка стрелки влево

    const arrowRight = document.createElement('div');
    arrowRight.className = 'slider-arrow slider-arrow-right';
    arrowRight.innerHTML = '&#10095;'; // Иконка стрелки вправо

    // Добавляем стрелки в DOM
    sliderContainer.parentElement.appendChild(arrowLeft);
    sliderContainer.parentElement.appendChild(arrowRight);

    // Настройки слайдера
    let currentIndex = 0;
    let slidesToShow = 3; // Количество слайдов для показа на десктопе
    const slideWidth = slides[0].offsetWidth + parseInt(window.getComputedStyle(slides[0]).marginRight); // Ширина слайда + отступ

    // Функция для обновления позиции слайдера
    const updateSlider = () => {
        const offset = -currentIndex * slideWidth;
        sliderContainer.style.transform = `translateX(${offset}px)`;
    };

    // Обработчики для стрелок
    arrowLeft.addEventListener('click', () => {
        if (currentIndex > 0) {
            currentIndex--;
            updateSlider();
        }
    });

    arrowRight.addEventListener('click', () => {
        // Проверяем, чтобы не выйти за пределы слайдов
        if (currentIndex < slides.length - slidesToShow) {
            currentIndex++;
            updateSlider();
        }
    });

    // Адаптация для мобильных устройств
    const handleResize = () => {
        const isMobile = window.innerWidth <= 767;
        if (isMobile) {
            // На мобильных показываем только один слайд
            slidesToShow = 1;
        } else {
            // На десктопе показываем три слайда
            slidesToShow = 3;
        }
        // Обновляем слайдер после изменения количества слайдов для показа
        updateSlider();
    };

    // Обработчик изменения размера окна
    window.addEventListener('resize', handleResize);

    // Инициализация слайдера
    handleResize();
});
</script>