<footer class="main-footer">
        <div class="footer-container">
            <div class="footer-brand-col">
                <span class="footer-logo">PARCO<span>TRIP</span></span>
                <p>La plateforme collaborative ultime pour planifier et optimiser vos séjours dans les plus grands complexes de loisirs.</p>
                <div class="footer-socials">
                    <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    <a href="#"><i class="fa-brands fa-discord"></i></a>
                </div>
            </div>
            <div class="footer-links-col">
                <h5>Navigation</h5>
                <ul>
                    <li><a href="index.php">Accueil</a></li>
                    <li><a href="waittimes.php">Temps d'attentes</a></li>
                    <li><a href="admin/login.php">Espace Equipe</a></li>
                </ul>
            </div>
            <div class="footer-links-col">
                <h5>Informations</h5>
                <ul>
                    <li><a href="index.php#conditions">Conditions d'utilisation</a></li>
                    <li><a href="index.php#infos-utilisateurs">Informations utilisateurs</a></li>
                </ul>
            </div>
            <div class="footer-links-col">
                <h5>Statut du service</h5>
                <div class="status-wrapper">
                    <span class="status-indicator"></span>
                    Tous les systèmes opérationnels
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2026 ParcoTrip. Tous droits réservés.</p>
        </div>
    </footer>

    <!-- INCLUSION DU JAVASCRIPT GLOBAL BURGER / DROPDOWN -->
    <script src="js/script.js"></script>

    <script>
document.addEventListener('DOMContentLoaded', function() {
    const burgerBtn = document.getElementById('burgerBtn');
    const navMenu = document.getElementById('navMenu');
    const dropdownTrigger = document.querySelector('.dropdown-trigger');
    const dropdown = document.querySelector('.dropdown');

    if (burgerBtn && navMenu) {
        burgerBtn.addEventListener('click', function() {
            // Ajoute/enlève la classe pour ouvrir le menu mobile
            navMenu.classList.toggle('open');
            // Ajoute/enlève la classe pour animer le bouton burger en X
            burgerBtn.classList.toggle('active');
        });
    }

    // Gestion du clic sur "Informations" pour le mobile
    if (dropdownTrigger && window.innerWidth <= 768) {
        dropdownTrigger.addEventListener('click', function(e) {
            e.preventDefault();
            dropdown.classList.toggle('active');
        });
    }
});
</script>