prevent tabbing to open toggle if header search open

footer-scripts.html

<script>

document.addEventListener('DOMContentLoaded', function() {
    
    setTimeout(() => {
    
        const headerSearch = document.querySelector('.brxe-xheadersearch');
        const openToggle = document.querySelector('.x-header-search_toggle-open');
        const closeToggle = document.querySelector('.x-header-search_toggle-close');

        if (headerSearch && openToggle) {
            let isSearchOpen = false;

            headerSearch.addEventListener('x_header_search:open', function(e) {
                isSearchOpen = true;
                openToggle.setAttribute('tabindex', '-1');
            });

            headerSearch.addEventListener('x_header_search:close', function(e) {
                isSearchOpen = false;
                openToggle.removeAttribute('tabindex');
            });

            if (closeToggle) {
                closeToggle.addEventListener('keydown', function(e) {
                    if (isSearchOpen && e.key === 'Tab' && !e.shiftKey) {
                        const searchInput = headerSearch.querySelector('input[type="search"]');
                        if (searchInput) {
                            e.preventDefault();
                            searchInput.focus();
                        }
                    }
                });
            }
        }

    }, 200);

});

</script>