document.querySelector('body').style='background: #FFF;';

var swiper = new Swiper(".camp-swiper-foto-thumbsSlider", {
 spaceBetween: 10,
 slidesPerView: 7,
 freeMode: true,
 watchSlidesVisibility: true,
 watchSlidesProgress: true,
});
var swiper2 = new Swiper(".camp-swiper-foto", {
 spaceBetween: 10,
 slidesPerView: 1,
 navigation: {
	nextEl: ".swiper-button-next",
	prevEl: ".swiper-button-prev",
 },
 thumbs: {
	swiper: swiper,
 },
});

const btnCloseModalPrograms = document.querySelector('.btn-close-programs');
const btnCloseModalMentors = document.querySelector('.btn-close-mentors');
const modalPrograms = document.querySelector('.modal-programs');
const modalMentors = document.querySelector('.modal-mentors');

const modalCampRequestForm = document.querySelector('.modal-camp-request-form');

btnCloseModalPrograms.addEventListener("click", function (event) {
 modalPrograms.classList.remove('open');
});
btnCloseModalMentors.addEventListener("click", function (event) {
 modalMentors.classList.remove('open');
});

document.addEventListener("click", function (event) {
 const target = event.target;

	if (target.classList.contains("btn-close-request-form-camp")) {
		modalCampRequestForm.style="display: none;";
		return;
	}
	
	if (target.classList.contains("btn-write-camp")) {
		modalCampRequestForm.style="";
		return;
	}

 if (target.classList.contains("btn-program")) {
	modalPrograms.querySelector('.modal-programs__img').innerHTML = target.parentNode.querySelector('.programs__item_img').outerHTML;
	modalPrograms.querySelector('.programs__item_title').innerHTML = target.parentNode.querySelector('.programs__item_title').innerHTML;
	modalPrograms.querySelector('.programs__item_price').innerHTML = target.parentNode.querySelector('.programs__item_price').innerHTML;
	modalPrograms.querySelector('.programs__content').innerHTML = target.parentNode.querySelector('.programs_content').innerHTML;
	modalPrograms.classList.add('open');
	return;
 }
 if (target.classList.contains("btn-mentors")) {
	modalMentors.querySelector('.modal-programs__img').innerHTML = target.parentNode.querySelector('.mentors__item_img').outerHTML;
	modalMentors.querySelector('.modal-mentors_name').innerHTML = target.parentNode.querySelector('.mentors__item_name').innerHTML;
	modalMentors.querySelector('.modal-mentors_job').innerHTML = target.parentNode.querySelector('.mentors__item_text').innerHTML;
	modalMentors.querySelector('.mentors__about-col_text').innerHTML = target.parentNode.querySelector('.mentor_education').innerHTML;
	
	modalMentors.querySelector('.modal-mentors__directions').innerHTML = target.parentNode.querySelector('.HTMLdirection').innerHTML;
	modalMentors.querySelector('.mentors__experience-col_text').innerHTML = target.parentNode.querySelector('.mentor_experience').innerHTML;
	modalMentors.querySelector('.modal-additional__education_list').innerHTML = target.parentNode.querySelector('.mentor_add_experience').innerHTML;
	modalMentors.classList.add('open');
	return;
 }
});

// Scroll animation: fade-up sections
document.addEventListener('DOMContentLoaded', function() {
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('visible');
            }
        });
    }, { threshold: 0.15 });

    document.querySelectorAll('.about-us__wrapper, .suggestions__item, .suggestions__subtitle, .suggestions h2').forEach(el => {
        el.classList.add('fade-up');
        observer.observe(el);
    });

    // Stagger for suggestion cards
    document.querySelectorAll('.suggestions__item').forEach((card, i) => {
        card.style.transitionDelay = (i * 0.1) + 's';
    });
});