/* CSS / assets/bottom-bar-responsive-20261101.css / browser / JOGAI777 mobile lobby */

@media (max-width: 767px) {
    ion-tab-bar .tab-bar {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: stretch;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    ion-tab-bar .tab-bar > [tab] {
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
    }

    ion-tab-bar .tab-bar > [tab="inicio"] { grid-column: 1; }
    ion-tab-bar .tab-bar > [tab="promo"] { grid-column: 2; }
    ion-tab-bar .tab-bar > [tab="entrar"] { grid-column: 3; }
    ion-tab-bar .tab-bar > [tab="withdraw"] { grid-column: 4; }
    ion-tab-bar .tab-bar > [tab="perfil"] { grid-column: 5; }

    .deposit {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: 21px !important;
        bottom: calc(21px + env(safe-area-inset-bottom, 0px)) !important;
        width: clamp(36px, calc(20vw - 8px), 68px);
        min-width: 0;
        box-sizing: border-box;
        margin: 0 !important;
        transform: translateX(-50%) !important;
        z-index: 20;
    }
}