/* Исходное состояние пульта */
#brxe-993a60 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: var(--z-max, 999); /* Поверх всего */
    
    /* Скрываем блок за пределами верхнего экрана */
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none; 
    
    /* Плавная анимация */
    transition: transform 0.35s ease, opacity 0.3s ease, visibility 0.3s ease;
    
    /* Оставляем flex, чтобы верстка внутри не ломалась, когда он появится */
    display: flex; 
}

/* Состояние, когда пульт активен */
#brxe-993a60.is-active {
    transform: translateY(0); /* Опускаем на место */
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* Включаем клики */
}

document.addEventListener('DOMContentLoaded', () => {
    // 1. Ищем наши ключевые узлы
    const topHeader = document.querySelector('#brxe-8a27e2'); // Секция с логотипом
    const actionBar = document.querySelector('#brxe-993a60'); // Наш пульт
    const cartForm = document.querySelector('form.cart');     // Форма корзины (PDP)
    const stickyCartBtn = document.querySelector('#brxe-5a3ffb'); // Кнопка "Выбрать" в пульте
    const mainCartBtn = document.querySelector('.single_add_to_cart_button'); // Главная кнопка корзины

    if (!actionBar) return;

    // 2. Флаги состояний
    let isPastHeader = false; // Проскроллили ли мы шапку
    let isFormVisible = false; // Видна ли форма корзины

    // 3. Главная функция принятия решений
    const updateActionBarVisibility = () => {
        // Показываем пульт ТОЛЬКО если шапка ушла наверх И формы корзины нет на экране
        if (isPastHeader && !isFormVisible) {
            actionBar.classList.add('is-active');
        } else {
            actionBar.classList.remove('is-active');
        }
    };

    // 4. Обсервер для Шапки (Лого + Поиск)
    if (topHeader) {
        const headerObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                // Если шапка не пересекается с экраном и её верхняя граница ушла в минус (наверх)
                if (!entry.isIntersecting && entry.boundingClientRect.top < 0) {
                    isPastHeader = true;
                } else {
                    isPastHeader = false;
                }
                updateActionBarVisibility();
            });
        }, { root: null, threshold: 0 }); // Срабатывает, как только шапка полностью скрывается
        
        headerObserver.observe(topHeader);
    }

    // 5. Обсервер для Формы Корзины (form.cart)
    if (cartForm) {
        const formObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                // Если форма на экране (entry.isIntersecting будет true)
                isFormVisible = entry.isIntersecting;
                updateActionBarVisibility();
            });
        }, { 
            root: null, 
            threshold: 0.05 // Срабатывает, если видно хотя бы 5% формы
        });
        
        formObserver.observe(cartForm);
    }

    // 6. Логика клика по кнопке в пульте (передача клика в главную форму)
    if (stickyCartBtn && mainCartBtn) {
        stickyCartBtn.addEventListener('click', (e) => {
            e.preventDefault();
            e.stopImmediatePropagation(); 
            mainCartBtn.click(); // Жмем скрытую кнопку
        });
    }
});