<!-- Menu mobile (masqué par défaut) -->
<div class="mobile-menu">
    <button class="mobile-menu-close">
        <i class="fas fa-times"></i>
    </button>
    
    <div class="search-container">
        <form action="recherche.php" method="get">
            <input type="text" name="q" placeholder="Rechercher...">
            <button type="submit"><i class="fas fa-search"></i></button>
        </form>
    </div>
    
    <a href="index.php" class="nav-item">
        <i class="fas fa-home"></i> Accueil
    </a>
    <a href="direct.php" class="nav-item">
        <i class="fas fa-broadcast-tower"></i> Direct
    </a>
    
    <div class="nav-divider"></div>
    
    <?php
    // Afficher les catégories prioritaires
    if (defined('PRIORITY_CATEGORIES') && !empty(PRIORITY_CATEGORIES)) {
        // Tableau associatif des icônes pour les catégories
        $categoryIcons = [
            1 => 'fas fa-music',           // Musique
            5 => 'fas fa-running',          // Sport
            11 => 'fas fa-globe',           // Actualité & Politique
            2 => 'fas fa-film',             // Films
            3 => 'fas fa-video',            // Émissions & Séries
            4 => 'fas fa-gamepad',          // Jeux
            6 => 'fas fa-laugh',            // Humour
            7 => 'fas fa-palette',          // Art
            8 => 'fas fa-spa',              // Bien-être
            9 => 'fas fa-tshirt',           // Mode
            10 => 'fas fa-random',          // Divers
            12 => 'fas fa-dollar-sign',     // Finance
            13 => 'fas fa-graduation-cap',  // Education
            14 => 'fas fa-fist-raised',     // Activism
            15 => 'fas fa-microscope',      // Science & Technology
            16 => 'fas fa-paw',             // Animals
            17 => 'fas fa-child',           // Kids
            18 => 'fas fa-utensils'         // Food
        ];
        
        foreach (PRIORITY_CATEGORIES as $id => $name) {
            $icon = isset($categoryIcons[$id]) ? $categoryIcons[$id] : 'fas fa-folder';
            echo '<a href="categories.php?id=' . $id . '" class="nav-item">';
            echo '<i class="' . $icon . '"></i> ' . htmlspecialchars($name);
            echo '</a>';
        }
    }
    ?>
    
    <div class="nav-divider"></div>
    
    <h3 class="mobile-section-title">Hashtags populaires</h3>
    <?php 
    if (defined('IMPORTANT_TAGS') && !empty(IMPORTANT_TAGS)):
        foreach (IMPORTANT_TAGS as $tag):
            $encodedTag = urlencode('#' . $tag);
    ?>
    <a href="recherche.php?q=<?php echo $encodedTag; ?>" class="nav-item">
        <i class="fas fa-hashtag"></i> <?php echo htmlspecialchars($tag); ?>
    </a>
    <?php 
        endforeach;
    endif;
    ?>
    
    <div class="nav-divider"></div>
    
    <h3 class="mobile-section-title">Suivez-nous</h3>
    <div class="mobile-social-icons">
        <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
        <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
        <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
        <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
        <a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
    </div>
</div>
