/* ===========================================================
   SOULFULSYNC — MOBILE APPBAR (BOTTOM NAV)
   =========================================================== */

/* --------------------------------------------------------------
   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;
    }

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

/* --------------------------------------------------------------
   FORCE HIDE APPBAR ON DESKTOP
--------------------------------------------------------------- */
@media (min-width: 1024px) {
    .ssx-mobile-appbar {
        display: none !important;
    }
}