const menuButtons = document.querySelectorAll('.tw-top-menu-button');

		menuButtons.forEach(button => {
			button.addEventListener('click', function(e) {
				// e.preventDefault(); // раскомментируйте если нужно
				const nextElement = this.nextElementSibling;
				const flyoutMenus = document.querySelectorAll('.flyout-menu');
				const menuBackdrop = document.querySelector('.menu-backdrop');
				
				if (nextElement && nextElement.classList.contains('active')) {
					nextElement.classList.remove('active');
					if (menuBackdrop) menuBackdrop.style.display = 'none';
				} else {
					// Убираем класс active у всех меню
					flyoutMenus.forEach(menu => menu.classList.remove('active'));
					
					// Добавляем класс active к следующему элементу
					if (nextElement) nextElement.classList.add('active');
					
					// Показываем backdrop
					if (menuBackdrop) menuBackdrop.style.display = 'block';
				}
			});
		});	


		// Обработка кликов по backdrop
		const menuBackdrop = document.querySelector('.menu-backdrop');
		
		if (menuBackdrop) {
			menuBackdrop.addEventListener('click', function(e) {
				const flyoutMenus = document.querySelectorAll('.flyout-menu');
				
				flyoutMenus.forEach(menu => menu.classList.remove('active'));
				this.style.display = 'none';
			});
		}


		// 1. Клик по бэкдропу меню
		document.querySelectorAll('.menu-backdrop').forEach(el => {
				el.addEventListener('click', () => {
						document.querySelectorAll('.flyout-menu').forEach(menu => menu.classList.remove('active'));
						el.style.display = 'none'; // Аналог .hide()
				});
		});

		// 2. Бургер-меню (Toggle)
		document.getElementById('mob-menu-burger')?.addEventListener('click', () => {
				document.getElementById('mob-menu')?.classList.toggle('tw-hidden');
		});

		// 3. Общий бэкдроп (Закрытие)
		document.querySelectorAll('.backdrop').forEach(el => {
				el.addEventListener('click', () => {
						document.getElementById('mob-menu')?.classList.add('tw-hidden');
				});
		});

		// 4. Кнопка закрытия
		document.getElementById('mob-close-btn')?.addEventListener('click', () => {
				document.getElementById('mob-menu')?.classList.add('tw-hidden');
		});

		// 5. Выпадающие пункты внутри мобильного меню
		document.querySelectorAll('#mob-menu .tw-mob-menu-button').forEach(btn => {
				btn.addEventListener('click', function() {
						// $(this).next() -> nextElementSibling
						this.nextElementSibling?.classList.toggle('tw-hidden');
						
						// $(this).children('.pin') -> querySelector('.pin')
						this.querySelector('.pin')?.classList.toggle('rotate-180');
				});
		});