const toggle = document.getElementById("menu-icon");
const menu = document.getElementById("drop-menu");
const fm = document.getElementById("full-menu");

toggle.addEventListener("click", () => {
  menu.classList.toggle("hidden");
  fm.classList.toggle("bg-tan-400");
});

document.addEventListener("click", (e) => {
  if ( !fm.contains(e.target) ) {
    menu.classList.add("hidden");
    fm.classList.remove("bg-tan-400");
  }
});

document.getElementById("mainmenu").querySelectorAll('a').forEach(l =>  l.className = (l.href == document.URL ? 'menulink active' : 'menulink'));

const btn = document.getElementById('plans-btn');
const dropmenu = document.getElementById('plans-menu');
const arrow = document.getElementById('plans-arrow');

btn.addEventListener('click', () => {
  const isOpen = dropmenu.classList.contains('max-h-96');
  menu.classList.toggle('max-h-96', !isOpen);   // expand to show
  menu.classList.toggle('max-h-0', isOpen);     // collapse to hide
  arrow.classList.toggle('rotate-180', !isOpen);
});