/* ============================================================
   mobile_tabbar.css — нижний таб-бар официанта (mobile-only)
   Скоуп .mobile-tabbar · префикс mtb- · токены как в rooms.css
   Desktop (≥993px): полностью скрыт, гамбургер работает как раньше.
   ============================================================ */

.mobile-tabbar { display: none; }

@media (max-width: 992px) {
    /* Контент не должен прятаться под фиксированным баром */
    body:has(.mobile-tabbar) {
        padding-bottom: calc(70px + env(safe-area-inset-bottom));
    }

    .mobile-tabbar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1040; /* ниже navbar (1050) и модалок Bootstrap (1055) */
        display: flex;
        background: rgba(13, 17, 23, .98);
        border-top: 1px solid rgba(255, 255, 255, .1);
        padding: 6px 4px calc(4px + env(safe-area-inset-bottom));
    }

    .mobile-tabbar .mtb-tab {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;
        padding: 4px 0;
        min-height: 44px; /* тап-таргет */
        color: #484f58;
        text-decoration: none;
        position: relative;
        -webkit-tap-highlight-color: transparent;
    }
    .mobile-tabbar .mtb-tab:hover,
    .mobile-tabbar .mtb-tab:focus {
        color: #8b949e;
        text-decoration: none;
    }

    .mobile-tabbar .mtb-tab i {
        font-size: 19px;
        line-height: 1;
    }

    .mobile-tabbar .mtb-tab span {
        font-size: 10px;
        line-height: 1.2;
    }

    .mobile-tabbar .mtb-tab.active,
    .mobile-tabbar .mtb-tab.active:hover {
        color: #58a6ff;
        font-weight: 700;
    }

    .mobile-tabbar .mtb-badge {
        position: absolute;
        top: -1px;
        right: 24%;
        background: #dc3d4a;
        color: #fff;
        font-size: 9px;
        font-weight: 700;
        border-radius: 8px;
        padding: 1px 5px;
        white-space: nowrap;
    }
}