<div class="mobile-menu">
    <div class="mobile-menu-header">
        <div class="logo">
            <a href="index.php">
                <img src="img/logo.png" alt="Kaubuntu.re">
            </a>
        </div>
        <button class="mobile-menu-close">
            <i class="fas fa-times"></i>
        </button>
    </div>
    
    <nav class="mobile-menu-nav">
        <ul>
            <li><a href="index.php"><i class="fas fa-home"></i> Accueil</a></li>
            <li><a href="categories.php"><i class="fas fa-th-large"></i> Catégories</a></li>
            <li><a href="channels.php"><i class="fas fa-users"></i> Chaînes</a></li>
            <li><a href="about.php"><i class="fas fa-info-circle"></i> À propos</a></li>
            <li><a href="contact.php"><i class="fas fa-envelope"></i> Contact</a></li>
        </ul>
    </nav>
    
    <div class="mobile-menu-section">
        <h3>Catégories populaires</h3>
        <ul>
            <li><a href="categories.php?id=1">Technologie</a></li>
            <li><a href="categories.php?id=2">Culture</a></li>
            <li><a href="categories.php?id=3">Éducation</a></li>
            <li><a href="categories.php?id=4">Divertissement</a></li>
        </ul>
    </div>
    
    <div class="mobile-menu-section">
        <h3>Suivez-nous</h3>
        <div class="social-icons">
            <a href="#"><i class="fab fa-facebook"></i></a>
            <a href="#"><i class="fab fa-twitter"></i></a>
            <a href="#"><i class="fab fa-instagram"></i></a>
            <a href="#"><i class="fab fa-youtube"></i></a>
        </div>
    </div>
</div> 