<!doctype html>
<html <?php language_attributes(); ?>>
<head>
  <?php wp_head(); // charge les CSS et JS en-tête ?>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <meta http-equiv="Content-Security-Policy" content="font-src 'self' data:;">
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css">


</head>
<body <?php body_class(); ?> data-page-id="<?php echo get_the_ID(); ?>">
    <header class="header-container">
        <div class="header-vvo">
            <div class="logo">
                <a href="<?php echo home_url(); ?>">
                    <?php
                    $upload_dir = wp_upload_dir();
                    ?>
                    <img src="<?php echo $upload_dir['baseurl']; ?>/2025/07/check-up.svg" alt="Le Check'Up" title="Le Check'Up">
                </a>
            </div>
<nav class="desktop-menu">

        <ul class="menu-list">
        <li class="menu-item start">
             <a href="#">START-UP</a>
            <ul class="submenu">
                <li><a href="https://up.thera.fr/nos-start-up/">Nos start-up</a></li>
                <li><a href="https://up.thera.fr/programme/">Notre programme</a></li>
                <li><a href="https://up.thera.fr/je-candidate/">Je candidate</a></li>
            </ul>
        </li>
        <li class="menu-item experts">
            <a href="https://up.thera.fr/rejoignez-nous/">EXPERTS</a>
            <ul class="submenu">
			<!--<li><a href="https://up.thera.fr/nos-mentors/">Nos mentors</a></li>
            <li><a href="https://up.thera.fr/nos-experts/">Nos spécialistes</a></li>
			<li><a href="https://up.thera.fr/rejoignez-nous/">Rejoignez-nous</a></li>-->
            </ul>
        </li>
        <li class="menu-item partenaires">
            <a href="#">PARTENAIRES</a>
            <ul class="submenu">
  <li><a href="https://up.thera.fr/nos-partenaires/">Nos partenaires</a></li>
  <li><a href="https://up.thera.fr/devenez-partenaire/">Devenez partenaire</a></li>
            </ul>
        </li>
        <li class="menu-item tesm">
            <a href="https://up.thera.fr/team-checkup/">TEAM CHECK'UP</a>
            <ul class="submenu">
          
            </ul>
        </li>
        <li class="menu-item candidata">
            <a class="" href="https://up.thera.fr/je-candidate/">JE CANDIDATE</a>

        </li>

    </ul>
</nav>
<button class="menu-toggle">☰</button>
<nav class="mobile-menu">
    <button class="menu-close">✕</button>
        <ul class="menu-list">
        <li class="menu-item start">
            <a href="#">START-UP</a>
            <ul class="submenu">
                <li><a href="https://up.thera.fr/nos-start-up/">Nos start-up</a></li>
                <li><a href="https://up.thera.fr/programme/">Notre programme</a></li>
                <li><a href="https://up.thera.fr/je-candidate/">Je candidate</a></li>
            </ul>
        </li>
        <li class="menu-item experts">
            <a href="https://up.thera.fr/rejoignez-nous/">EXPERTS</a>
            <ul class="submenu">
			<!--<li><a href="https://up.thera.fr/nos-mentors/">Nos mentors</a></li>
            <li><a href="https://up.thera.fr/nos-experts/">Nos spécialistes</a></li>
			<li><a href="https://up.thera.fr/rejoignez-nous/">Rejoignez-nous</a></li>-->
            </ul>
        </li>
        <li class="menu-item partenaires">
            <a href="#">PARTENAIRES</a>
            <ul class="submenu">
  <li><a href="https://up.thera.fr/nos-partenaires/">Nos partenaires</a></li>
  <li><a href="https://up.thera.fr/devenez-partenaire/">Devenez partenaire</a></li>
            </ul>
        </li>
        <li class="menu-item tesm">
            <a href="https://up.thera.fr/team-checkup/">TEAM CHECK'UP</a>
            <ul class="submenu">
          
            </ul>
        </li>
        <li class="menu-item candidat">
            <a class="" href="https://up.thera.fr/je-candidate/">JE CANDIDATE</a>

        </li>
 
    </ul>
</nav>
        </div>
    </header>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
    $(document).ready(function() {
        var lastScrollTop = 0;
        var scrollThreshold = 100;
        var isMenuActive = false;

        // Gestion du menu hamburger
        $('.menu-toggle').on('click', function() {
            $('.mobile-menu').addClass('active');
            $(this).hide(); // Masquer le bouton
            isMenuActive = true;
        });

        // Gestion de la fermeture du menu
        $('.menu-close').on('click', function() {
            $('.mobile-menu').removeClass('active');
            $('.menu-toggle').show(); // Afficher le bouton
            isMenuActive = false;
        });

        // Fonction pour gérer l'effet de scroll
        function handleScroll() {
            if (!isMenuActive) {
                var st = $(this).scrollTop();
                if (st > lastScrollTop && st > scrollThreshold) {
                    $('.header-container').addClass('hide');
                } else if (st < lastScrollTop) {
                    $('.header-container').removeClass('hide');
                }
                lastScrollTop = st <= 0 ? 0 : st;
            }
        }

        $(window).scroll(handleScroll);
        handleScroll();
        $(window).resize(handleScroll);
    });
    </script>
<script>
document.getElementById('love-a').addEventListener('mouseenter', function() {
  this.style.background = 'radial-gradient(circle at center, #e800b9 0%, rgba(232, 0, 185, 0) 70%)';
  this.querySelector('img').style.opacity = '0';
});

document.getElementById('love-a').addEventListener('mouseleave', function() {
  this.style.background = 'transparent';
  this.querySelector('img').style.opacity = '1';
});

document.addEventListener('DOMContentLoaded', function() {
  const menuToggle = document.querySelector('.menu-toggle');
  const menuClose = document.querySelector('.menu-close');
  const mobileMenu = document.querySelector('.mobile-menu');

  menuToggle.addEventListener('click', function() {
    mobileMenu.classList.add('active');
    menuToggle.style.display = 'none';
  });

  menuClose.addEventListener('click', function() {
    mobileMenu.classList.add('close');
    mobileMenu.classList.remove('active');

    setTimeout(function() {
      mobileMenu.classList.remove('close');
      menuToggle.style.display = 'block';
    }, 500); // Correspond à la durée de l'animation
  });
});

    $(document).ready(function() {
        $('.menu-toggle').on('click', function() {
            $('.mobile-menu').addClass('active');
            $(this).hide();
        });

        $('.menu-close').on('click', function() {
            $('.mobile-menu').removeClass('active');
            $('.menu-toggle').show();
        });
    });

    // Gérer l'ouverture et la fermeture des sous-menus en mode mobile
    const menuItems = document.querySelectorAll('.mobile-menu .menu-item');
    menuItems.forEach(item => {
        const link = item.querySelector('a');
        link.addEventListener('click', function(e) {
            if (window.innerWidth <= 768) {
                e.preventDefault();
                // Fermer tous les sous-menus ouverts
                document.querySelectorAll('.mobile-menu .submenu.active').forEach(openSubmenu => {
                    openSubmenu.classList.remove('active');
                });
                // Basculer l'état actif du sous-menu actuel
                const submenu = item.querySelector('.submenu');
                if (submenu) {
                    submenu.classList.add('active');
                }
                // Ajouter ou supprimer la classe 'active' sur l'élément parent pour le style
                item.classList.toggle('active');
            }
        });
    });
});
</script>


