/**
 * Mebac AI Visibility - WhatsApp Fix CSS
 *
 * Posiciona el contenedor de JoinChat (WhatsApp) por encima del toolbar
 * inferior de Woodmart en mobile.
 *
 * Notas:
 * - Woodmart toolbar nativo: z-index 350.
 * - JoinChat nativo: z-index 9000. Ya esta por encima, no hace falta override.
 * - El bottom se aplica al contenedor .joinchat (position:fixed), no al
 *   hijo .joinchat__button (position:absolute dentro de padre 0x0).
 *   Modificar el hijo causa bugs de render en iOS Safari.
 */

/* Ocultar WhatsApp cuando un panel lateral de Woodmart esta abierto (menu, carrito, etc.) */
.joinchat.mav-menu-open {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/*
 * NO agregar transition a .joinchat en mobile.
 *
 * JoinChat gestiona su propia animacion de aparicion (opacity/visibility).
 * Un override con !important interfiere con el render del icono SVG
 * (background-image en .joinchat__button) en navegadores mobile,
 * causando que el circulo verde aparezca sin el icono de WhatsApp.
 *
 * El reposicionamiento via bottom (JS) y el toggle de mav-menu-open
 * funcionan correctamente de forma instantanea sin transition.
 */