/* =============================================================================
   BINI EN INVOICEBIN STORE — lo que las paginas publicas de /store le hacen
   al robot
   =============================================================================

   Lo carga Views/Shared/_BiniVisita.cshtml SOLO cuando pinta a Bini con
   data-lugar="store" (Store/Index, /store/asistente, /store/abrir sin sesion
   de tienda). Asi cada regla de aqui aplica justo cuando el robot esta en la
   pagina: sin :has() ni JavaScript. Nada de aqui toca a Bini fuera de /store.
============================================================================= */

/* ---------------------------------------------------------------------------
   /store (la plantilla Vsaasi)
--------------------------------------------------------------------------- */

/* El boton "subir" de la plantilla (#piscrollUp: fijo abajo a la derecha,
   z-index 99999) quedaba debajo del robot. Se pasa a la izquierda. */
#piscrollUp { right: auto; left: 15px; }

/* La plantilla trae Font Awesome 5/6 y bini.js pinta sus iconos con los
   nombres de la 4 (fa-comment-o, fa-hand-o-right...). Store/Index carga la 4
   ANTES que las de la plantilla y aqui, solo dentro de Bini, se usa su letra. */
.bi .fa {
    font-family: FontAwesome !important;
    font-weight: normal !important;
    font-style: normal;
}

/* El reboot de Bootstrap 4 y la plantilla (label con margen, p con 26px
   abajo). Dentro de Bini mandan las medidas de bini.css. */
.bi label { margin-bottom: 0; }
.bi .bi-cuerpo p:not([class]) { margin: 0 0 8px; }

/* ---------------------------------------------------------------------------
   /store/abrir en telefono (body.mer-cuerpo, _MerLayoutPublico): la barra de
   acciones del paso (.mer-acciones de mercado.css, fija abajo, unos 70 px) se
   quedaba debajo del robot, que le tapaba el boton grande. Bini se sube lo
   que mide la barra; con la burbuja de Freshchat a la vista, un poco mas.
--------------------------------------------------------------------------- */
@media (max-width: 767px) {
    body.mer-cuerpo .bi {
        bottom: 80px;
        bottom: calc(80px + env(safe-area-inset-bottom, 0px));
    }
    body.mer-cuerpo.bini-con-chat .bi {
        bottom: 176px;
        bottom: calc(176px + env(safe-area-inset-bottom, 0px));
    }
}