/* 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: #1e3889;
        text-decoration: none;
    }

    .app-nav-item.active {
        color: #1e3889;
    }

    .app-nav-item i {
        display: block;
        font-size: 16px;
        margin-bottom: 2px;
    }

    .app-nav-item span {
        font-size: 9px;
        line-height: 1.1;
    }

    /* Search tabs en mode app : sans icônes circulaires, couleurs charte */
    .search-tab-btn .tab-icon {
        display: none !important;
    }

    .search-tab-btn {
        border-radius: 8px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        padding: 8px 18px !important;
        background: #fff !important;
        color: #1e3889 !important;
        border: 1.5px solid #1e3889 !important;
        box-shadow: none !important;
    }

    .search-tab-btn:hover {
        background: #1e3889 !important;
        color: #fff !important;
        transform: none !important;
    }

    .search-tab-btn.active {
        background: #1e3889 !important;
        color: #fff !important;
        border-color: #1e3889 !important;
        box-shadow: 0 4px 12px rgba(30,56,137,0.25) !important;
    }
    
    /* 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;
    }
}