/* App Mode Styles */
.app-mode {
    /* Masquer complètement le footer */
    footer {
        display: none !important;
    }
    
    /* La navbar reste visible en mode app */
    
    /* Masquer certaines sections de la homepage en mode app */
    .hide-in-app {
        display: none !important;
    }
    
    /* Masquer spécifiquement les widgets de flights et hotels */
    .container.pb-5.hide-in-app {
        display: none !important;
    }
    
    /* Styles spécifiques pour l'interface app */
    .hero-section {
        padding: 20px 0;
    }
    
    .search-form {
        margin-bottom: 20px;
    }
    
    /* Navigation simplifiée pour le mode app (6 éléments) */
    .app-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        border-top: 1px solid #e5e5e5;
        padding: 8px 0;
        z-index: 1000;
        display: flex;
        justify-content: space-around;
        align-items: center;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    }
    
    .app-nav-item {
        text-align: center;
        color: #666;
        text-decoration: none;
        font-size: 10px;
        transition: color 0.3s ease;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 5px 2px;
    }
    
    .app-nav-item:hover {
        color: #007bff;
        text-decoration: none;
    }
    
    .app-nav-item.active {
        color: #007bff;
    }
    
    .app-nav-item i {
        display: block;
        font-size: 16px;
        margin-bottom: 2px;
    }
    
    .app-nav-item span {
        font-size: 9px;
        line-height: 1.1;
    }
    
    /* Ajuster le contenu pour la navigation bottom */
    body {
        padding-bottom: 70px;
    }
    
    /* Masquer des éléments spécifiques de la homepage */
    .hide-in-app-hero-text {
        display: none !important;
    }
    
    .hide-in-app-features {
        display: none !important;
    }
    
    .hide-in-app-testimonials {
        display: none !important;
    }
    
    .hide-in-app-newsletter {
        display: none !important;
    }
}

/* Mode web normal - styles par défaut */
body:not(.app-mode) {
    /* Styles normaux du site */
    .app-nav {
        display: none;
    }
}