/* Fixes pour problèmes de défilement sur iOS/mobile */
html, body {
    -webkit-overflow-scrolling: touch; /* Activer le défilement fluide sur iOS */
}

@supports (-webkit-touch-callout: none) {
    /* CSS spécifique à iOS */
    body {
        /* Empêche le défilement élastique de l'arrière-plan mais permet le défilement normal */
        position: fixed;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    
    body > * {
        /* Permet le défilement à l'intérieur du contenu */
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: 100%;
    }
    
    /* S'assure que le footer est visible et accessible */
    footer {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
    }
}

/* Pour d'autres navigateurs mobiles */
@media (pointer: coarse) {
    html, body {
        overscroll-behavior-y: none; /* Empêche le rebond de défilement sur certains navigateurs */
    }
}