/* ═══════════════════════════════════════════════════════
   DEVISVOX - CSS SPÉCIFIQUE MOBILE
   SESSION 2/20 - Optimisations mobile uniquement
   ═══════════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* Forcer affichage mobile */
    .nav-desktop {
        display: none !important;
    }

    #sidebar {
        display: none !important;
    }

    .bottom-nav {
        display: flex !important;
    }

    /* Ajustements tactiles (surface minimale 44px recommandée Apple/Google) */
    button, a {
        min-height: 44px;
        min-width: 44px;
    }

    /* Évite le zoom automatique iOS lors du focus sur les inputs */
    body {
        font-size: 16px;
    }

    /* Scroll fluide */
    html {
        scroll-behavior: smooth;
    }

}

/* ═══════════════════════════════════════════════════════
   FIN CSS MOBILE SPÉCIFIQUE
   ═══════════════════════════════════════════════════════ */