let mob_menu_status = 0;
const open_button = document.getElementById('open');
const header_back = document.querySelector("ul.header-ul-back"); // ВИПРАВЛЕНО: вибираємо ul, не li
const header_back_li = document.getElementById("header-ul-back"); // ДОДАНО: li для кліку
const header_menu = document.getElementById("header-menu");
const header_ul_1 = document.getElementById("header-ul-1");
const header_ul_2 = document.querySelectorAll('ul.header-ul-2');
const hea_ul_li_1 = document.querySelectorAll('ul.header-ul-1 > li');

function header_ready() { 
  header_ul_1.style.display = "none";
  header_back.style.display = "none"; // ДОДАНО: ховаємо ul при старті
  for (let i = 0; i < header_ul_2.length; i++) {
       header_ul_2[i].style.display = "none";
  }
}
header_ready();

open_button.addEventListener("click", header_openMenu);
function header_openMenu() {
  if (mob_menu_status == 0) {
    mob_menu_status = 1;
    header_back.style.display = "none";
    header_menu.style.visibility = "visible";
    header_ul_1.style.display = "block";
    header_ul_1.style.top = "3px";    
    
    for (let i = 0; i < hea_ul_li_1.length; i++) {
         hea_ul_li_1[i].style.visibility = "visible";
    }

    const height_windows = window.innerHeight;
    const height_header = document.getElementById("header").clientHeight;
    header_menu.style.height = (height_windows - height_header) + "px";
    open_button.style.backgroundImage = "url('/img/main/icon-mobi-menu-close.svg')";
    document.body.style.position = "fixed";
  } else {
    mob_menu_status = 0;
    header_back.style.display = "none";
    header_menu.style.visibility = "hidden";
        
    for (let i = 0; i < hea_ul_li_1.length; i++) {
         hea_ul_li_1[i].style.visibility = "hidden";
    }
    for (let i = 0; i < header_ul_2.length; i++) {
         header_ul_2[i].style.display = "none";
    }

    open_button.style.backgroundImage = "url('/img/main/icon-mobi-menu-open.svg')";
    document.body.style.position = "relative";
  }
}

header_ul_1.addEventListener("click", header_subMenu);
function header_subMenu(event) {
  let item = event.target.closest("ul.header-ul-1 > li");
  if (!item) return; 
  let len = item.querySelector("ul.header-ul-2");
  if (len) {  
     for (let i = 0; i < hea_ul_li_1.length; i++) {
          hea_ul_li_1[i].style.visibility = "hidden";
     }      
     for (let i = 0; i < header_ul_2.length; i++) {
          header_ul_2[i].style.top = "2px";
          header_ul_2[i].style.visibility = "visible";
     }    

     header_ul_1.style.top = "60px";
     header_back.style.display = "block"; 
    
     let sub = item.querySelector("ul.header-ul-2");
     sub.style.display = "block";
  }
}

header_back_li.addEventListener("click", header_backMenu); // ВИПРАВЛЕНО: слухаємо клік на li
function header_backMenu() {
  header_back.style.display = "none";
  header_ul_1.style.top = "3px";
    
     for (let i = 0; i < hea_ul_li_1.length; i++) {
          hea_ul_li_1[i].style.visibility = "visible";
     }
     for (let i = 0; i < header_ul_2.length; i++) {
          header_ul_2[i].style.display = "none";
     }
}

document.getElementById('h-btn-seach').addEventListener("click", function() {
document.getElementById("h-searchbar").style.visibility = "visible";
});