<footer class="text-center mt-5 mb-3" style="border-top:1px solid #333;padding-top:1.5rem;">
    <div class="container">
        <div class="row small">
            <div class="col-md-4 mb-2">
                <strong class="text-info" style="font-family:'Orbitron',sans-serif;font-size:0.75rem;">JETEGAGEQUE.COM</strong><br>
                <span style="font-size:0.7rem;color:#aaa;">© 2026 JeTeGageQue — L'Oracle te surveille.</span>
            </div>
            <div class="col-md-4 mb-2">
                <a href="apropos.php" class="text-decoration-none me-2" style="font-size:0.7rem;color:#bbb;">À propos</a>
                <a href="aide.php" class="text-decoration-none me-2" style="font-size:0.7rem;color:#bbb;">Aide</a>
                <a href="apropos.php#disclaimer" class="text-decoration-none me-2" style="font-size:0.7rem;color:#bbb;">Disclaimer</a>
                <a href="contact.php" class="text-decoration-none me-2" style="font-size:0.7rem;color:#bbb;">Contact</a>
                <a href="report_bug.php" class="text-decoration-none" style="font-size:0.7rem;color:#bbb;">Rapporter un bug</a>
            </div>
            <div class="col-md-4 mb-2" style="font-size:0.65rem;color:#aaa;">
                <?php
                $footerDisc = "Ce site ne transige pas d'argent réel. Les gages sont entre participants consentants.";
                try {
                    if (isset($pdo)) {
                        $dStmt = $pdo->prepare("SELECT config_value FROM admin_config WHERE config_key='disclaimer_text'");
                        $dStmt->execute();
                        $dVal = $dStmt->fetchColumn();
                        if ($dVal) $footerDisc = $dVal;
                    }
                } catch (Exception $e) {}
                echo htmlspecialchars($footerDisc);
                ?><br>
                <em style="color:#999;">Version Beta — En développement actif.</em>
            </div>
        </div>
    </div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
// ── Blocage zoom pinch et scroll horizontal sur mobile ───────────
(function() {
    // 1. Bloquer le zoom pinch (2 doigts)
    document.addEventListener('touchstart', function(e) {
        if (e.touches.length > 1) e.preventDefault();
    }, { passive: false });

    // 2. Bloquer le double-tap zoom
    let lastTap = 0;
    document.addEventListener('touchend', function(e) {
        const now = Date.now();
        if (now - lastTap < 300) e.preventDefault();
        lastTap = now;
    }, { passive: false });

    // 3. Bloquer le scroll horizontal accidentel
    // (laisser passer si le geste est principalement vertical)
    let touchStartX = 0;
    let touchStartY = 0;
    document.addEventListener('touchstart', function(e) {
        touchStartX = e.touches[0].clientX;
        touchStartY = e.touches[0].clientY;
    }, { passive: true });

    document.addEventListener('touchmove', function(e) {
        if (e.touches.length > 1) {
            e.preventDefault(); // Bloquer zoom
            return;
        }
        const dx = Math.abs(e.touches[0].clientX - touchStartX);
        const dy = Math.abs(e.touches[0].clientY - touchStartY);
        // Si mouvement horizontal > vertical → bloquer
        if (dx > dy && dx > 10) {
            e.preventDefault();
        }
    }, { passive: false });

    // 4. Cartes de gage — scroll fluide sans espace entre cartes
    // Empêcher le rebond vertical dans la colonne des gages
    const gagesCol = document.getElementById('col2Gages');
    if (gagesCol) {
        gagesCol.style.overscrollBehavior = 'contain';
    }
})();
</script>
</body>
</html>
