/* ================================
   FOOTER MOBILE — Animation fluide
   ================================ */

@media (max-width: 1024px) {

    .box-mobile-footer {
        position: fixed !important;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 9999;
        padding: 0.8em 1.2em calc(0.8em + env(safe-area-inset-bottom));
        background: var(--e-global-color-primary);
        transform: translateY(0);
        opacity: 1;
        transition: transform 0.35s ease, opacity 0.35s ease;
    }

    /* État caché */
    .box-mobile-footer.is-hidden {
        transform: translateY(100%);
        opacity: 0;
    }

    /* On évite que le contenu soit caché derrière la barre */
    body {
        padding-bottom: calc(70px + env(safe-area-inset-bottom));
    }
}

@media (min-width: 1025px) {
    .box-mobile-footer {
        display: none !important;
    }
}