// Limit checkbox to 3 selections
console.log('checkbox limiter script loaded.');
document.addEventListener("change", function () {
  console.log('1 AOI selected.');
  const maxAllowed = 3;
  const checkboxes = document.querySelectorAll(
    'input[name="please_indicate_the_area_s__of_interest"]'
  );
  const checked = document.querySelectorAll(
    'input[name="please_indicate_the_area_s__of_interest"]:checked'
  );
  if (checked.length >= maxAllowed) {
    checkboxes.forEach(cb => {
      if (!cb.checked) cb.disabled = true;
    });
  } else {
    checkboxes.forEach(cb => cb.disabled = false);
  }
});