/* ==============================================
   CORRECTIONS RESPONSIVE MOBILE
   ============================================== */

/* Masquer l'assistance en direct sur mobile */
@media (max-width: 768px) {
    .desktop-only {
        display: none !important;
    }
    
    /* Menu mobile - toujours avec fond */
    .nav-menu.active {
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(20px) !important;
    }
    
    .nav-menu.active .nav-link {
        color: var(--text-secondary) !important;
    }
    
    .nav-menu.active .nav-link:hover {
        color: var(--primary-blue) !important;
        background: rgba(10, 36, 99, 0.05) !important;
    }
    
    .nav-menu.active .nav-link.active {
        color: white !important;
        background: var(--bg-gradient) !important;
    }
    
    /* Toutes les bandes de transition inline */
    div[style*="height: 60px"] {
        height: 30px !important;
        margin: -15px 0 !important;
    }
    
    /* Corriger le texte "Découvrez nos domaines d'expertise" qui déborde */
    .scroll-text {
        font-size: 0.75rem !important;
        padding: 0 1rem;
    }
    
    .scroll-indicator {
        bottom: 1rem !important;
    }
    
    /* Ajuster le hero pour éviter le débordement */
    .hero-main {
        min-height: 100vh !important;
        padding: 0 1rem !important;
    }
    
    /* Menu hamburger visible sur mobile */
    .menu-toggle {
        display: flex;
    }
    
    /* Navigation mobile */
    .nav-menu {
        position: fixed;
        left: -100%;
        top: 85px;
        flex-direction: column;
        width: 100%;
        text-align: center;
        transition: 0.3s;
        box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
        padding: 2rem 0;
    }
    
    .nav-menu.active {
        left: 0;
    }
    
    /* Partenaires en 2 colonnes plus petits sur mobile */
    .partners-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }
    
    .partner-card {
        padding: 1rem !important;
        min-height: 80px !important;
    }
    
    .partner-card img {
        max-height: 40px !important;
    }
}