/* ===== BARRE MOBILE STICKY (bas de page) ===== */
.elmi-mobile-bar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9997;
    background: var(--dark);
    padding: 10px 8px;
    gap: 8px;
}
.elmi-mobile-bar a {
    flex: 1;
    padding: 8px 4px;
    color: var(--white);
    text-decoration: none;
    border-radius: 6px;
    background: rgba(255,255,255,0.08);
    transition: background 0.2s;
    text-align: center;
    font-size: 0;
}
.elmi-mobile-bar a .material-icons {
    display: block;
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: 4px;
}
.elmi-mobile-bar a .mbar-txt {
    display: block;
    font-family: var(--font-body);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
}
.elmi-mobile-bar a:hover { background: rgba(255,255,255,0.15); }
.elmi-mobile-bar a.mobile-bar-contact {
    background: var(--red);
}
.elmi-mobile-bar a.mobile-bar-contact:hover { background: var(--red-dark); }

@media (max-width: 960px) {
    .elmi-mobile-bar { display: flex; }
    body { padding-bottom: 70px !important; }
}

/* ===== MOBILE : header toujours bleu foncé (hm-header) ===== */
@media (max-width: 860px) {
    #hm-header {
        background-color: #0d2461 !important;
    }
    #hm-header .hm-link {
        color: #ffffff !important;
    }
    #hm-header .hm-burger span {
        background: #ffffff !important;
    }
}