<!-- Header avec barre de recherche et icônes -->
<div class="header">
    <div class="search-container">
        <form action="search.php" method="get">
            <input type="text" name="q" placeholder="Recherche">
            <button type="submit"><i class="fas fa-search"></i></button>
        </form>
    </div>
    
    <div class="social-icons">
        <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>" class="icon-button"><i class="fab fa-instagram icon-instagram"></i></a>
        <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>" class="icon-button"><i class="fab fa-tiktok icon-tiktok"></i></a>
        <div class="more-social-container">
            <a href="#" class="icon-button more-social-toggle"><i class="fas fa-ellipsis-h"></i></a>
            <div class="more-social-dropdown">
                <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>" class="more-social-item">
                    <i class="fab fa-facebook icon-facebook"></i> Facebook
                </a>
                <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>" class="more-social-item">
                    <i class="fab fa-youtube icon-youtube"></i> YouTube
                </a>
                <a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>" class="more-social-item">
                    <i class="fab fa-x-twitter icon-x"></i> X
                </a>
            </div>
        </div>
    </div>
    
    <div class="action-icons">
        <button class="mobile-menu-toggle">
            <i class="fas fa-bars"></i>
        </button>
    </div>
</div>
