/* ===========================================================
   SOULFULSYNC — MOBILE APPBAR (BOTTOM NAV)
   MentorSync vive en el header (no en esta barra).
   =========================================================== */

/* --------------------------------------------------------------
   MOBILE APPBAR (≤1023px)
--------------------------------------------------------------- */
@media (max-width: 1023px) {

    .ssx-mobile-appbar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 62px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background: #0e0f16;
        border-top: 1px solid rgba(255,255,255,0.05);
        z-index: 99998;
    }

    /* Feed / chat sheets: no tapar «Publicar» ni el teclado */
    body.ss-feed-post-composer-open .ssx-mobile-appbar,
    html.ss-feed-post-composer-open .ssx-mobile-appbar,
    body.ss-feed-story-composer-open .ssx-mobile-appbar {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .appbar-item {
        color: #ffffff;
        font-size: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        text-decoration: none;
    }

    /* Legacy: ocultar mentor si HTML cacheado aún lo incluye */
    .ssx-mobile-appbar .appbar-item--mentor {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .ssx-mobile-appbar {
        display: none !important;
    }
}

/* Bottom appbar sustituida por ssx-mobile-utils (header móvil). */
@media (max-width: 1023px) {
    .ssx-mobile-appbar {
        display: none !important;
    }
}