/* ==========================================================
   MASCARADASTV 029
   BOTTOM NAV SIEMPRE VISIBLE
   ========================================================== */

@media(max-width:980px){

    /*
     * SIEMPRE visible en todas las pantallas.
     * Esto anula especialmente:
     *
     * body.gps-focus-mode .bottom-nav
     */
    html body .bottom-nav,
    html body.gps-focus-mode .bottom-nav{

        display:flex !important;

        position:fixed !important;

        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        top:auto !important;

        width:100% !important;

        opacity:1 !important;

        visibility:visible !important;

        pointer-events:auto !important;

        transform:none !important;

        margin:0 !important;

        z-index:999 !important;
    }


    /*
     * EN MAPA FULLSCREEN:
     * dejar espacio para la barra abajo.
     */
    body.gps-focus-mode
    #screen-live.active
    .map-shell{

        bottom:
          calc(
            68px +
            env(safe-area-inset-bottom)
          ) !important;
    }


    /*
     * El screen GPS también deja libre
     * la zona inferior.
     */
    body.gps-focus-mode
    #screen-live.active{

        padding-bottom:
          calc(
            68px +
            env(safe-area-inset-bottom)
          ) !important;
    }


    /*
     * Mantener barra completamente
     * pegada a los bordes.
     */
    body.gps-focus-mode
    .bottom-nav{

        border-radius:
          0 !important;

        margin:
          0 !important;
    }

}