const observer = new IntersectionObserver((entries) => {
  entries.forEach((entry) => {
    console.log(entry.target.id);
    if (entry.isIntersecting) {
      entry.target.classList.add('observer_show');
    }
  });
});


const observer2 = new IntersectionObserver((entries) => {
  entries.forEach((entry) => {
    console.log(entry.target.id);
    if (entry.isIntersecting) {
      $(".observer_glow_off").css("color", "var(--theme_contrast)");
      $(".observer_glow_off").css("font-size", "30px");
    }
  });
});

const observer3 = new IntersectionObserver((entries) => {
  entries.forEach((entry) => {
    console.log(entry.target.id);
    if (entry.isIntersecting) {
      entry.target.classList.add('observer_button');
      setTimeout(() => entry.target.classList.remove('observer_button'), 600)
    }
  });
});

const options = {
  root: null, // default, use viewport
  rootMargin: '1000px',
};

const observer4 = new IntersectionObserver((entries, options) => {
  entries.forEach((entry) => {
    console.log(entry.target.id);
    if (entry.isIntersecting) {
      entry.target.classList.add('observer_show_top');
    }
  });
});


const observerNewsletter = new IntersectionObserver((entries, options) => {
  entries.forEach((entry) => {
    console.log(entry.target.id);
    if (entry.isIntersecting) {
      //$("#newsletter_slideup").attr('class', 'observer_newsletter_show');
      //$("#newsletter_slideup").addClass("observer_newsletter_show");
      //$("#newsletter_slideup").css("opacity", "1");
      var modal = document.querySelector(".modal_newsletter");
      modal.showModal();
      $(".modal").css("transform", "scale(1)");
      $(".modal").css("opacity", "1");
    }
  });
});
    
    
const hiddenElements = document.querySelectorAll('.observer_hidden');
hiddenElements.forEach((entry) => observer.observe(entry));

const hiddenElements2 = document.querySelectorAll('.observer_glow_off');
hiddenElements2.forEach((entry) => observer2.observe(entry));

const hiddenElements3 = document.querySelectorAll('#step-1-next');
hiddenElements3.forEach((entry) => observer3.observe(entry));

const hiddenElements4 = document.querySelectorAll('.observer_hidden_top');
hiddenElements4.forEach((entry) => observer4.observe(entry));

const hiddenNewsletter = document.querySelectorAll('.newsletter_hidden');
hiddenNewsletter.forEach((entry) => observerNewsletter.observe(entry));