/* ===============================
   FOOTER NAVBAR - STATIC STATE
================================ */

#page-footer .navbar {
    transition: transform .25s ease, box-shadow .2s ease;
}

/* ===============================
   FIXED STATE (scroll)
================================ */

#page-footer .navbar.static-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 40;
    background: var(--body-bg, #fff);
    border-top: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 -4px 20px rgba(0,0,0,.06);
    animation: slideUp .25s ease-out;
}

@keyframes slideUp {
    from { transform: translateY(100%); }
    to   { transform: translateY(0); }
}

/* ===============================
   FOOTER NAVBAR ALIGNEMENT WRAP
================================ */

#page-footer .navbar {
    max-width: var(--wrap-width, 1200px);
    margin: 0 auto;
}

#page-footer .navbar.static-bottom {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

#page-footer .navbar.static-bottom .inner {
    max-width: 1200px; /* largeur réelle du wrap */
    margin: 0 auto;
    padding: 8px 15px;
}


/* ===============================
   FOOTER NAVBAR - MOBILE SAFE
================================ */

@media (max-width: 768px) {

    #page-footer .navbar {
        position: static !important;
        width: auto !important;
        box-shadow: none !important;
        animation: none !important;
    }

}