/* ============================================================
   AUDREC — Ruban mobile fixe (bas d'écran)
============================================================ */
.audrec-mobile-bar {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9997;
    background: var(--dark, #1a1a2e);
    padding: 10px 8px;
    gap: 8px;
}
.audrec-mobile-bar a {
    flex: 1;
    padding: 8px 4px;
    color: var(--white, #fff);
    text-decoration: none;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    transition: background 0.2s;
    text-align: center;
    font-size: 0;
}
.audrec-mobile-bar a .material-icons {
    display: block;
    font-size: 1.3rem;
    line-height: 1;
    margin-bottom: 4px;
}
.audrec-mobile-bar a .mbar-txt {
    display: block;
    font-family: var(--font-body, 'Raleway', sans-serif);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
}
.audrec-mobile-bar a:hover { background: rgba(255, 255, 255, 0.15); }
.audrec-mobile-bar a.mobile-bar-contact {
    background: var(--red, #ed494a);
}
.audrec-mobile-bar a.mobile-bar-contact:hover { background: var(--red-dark, #c93535); }

@media (max-width: 960px) {
    .audrec-mobile-bar { display: flex; }
}