/* PiksoBot mobile integration: the launcher lives in the Support navbar item. */
@media (max-width: 768px) {
  .mobile-bottom-navbar {
    display: flex !important;
    z-index: 100000000 !important;
    transform: translateX(-50%) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    will-change: transform, opacity !important;
    transition:
      transform 0.42s cubic-bezier(0.16, 1, 0.3, 1),
      opacity 0.28s ease,
      visibility 0s linear 0s !important;
  }

  .mobile-bottom-navbar.hidden-due-to-chat {
    transform: translate(-50%, calc(100% + 32px)) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition:
      transform 0.42s cubic-bezier(0.4, 0, 1, 1),
      opacity 0.28s ease,
      visibility 0s linear 0.42s !important;
  }

  .livechat-widget-container .livechat-launcher,
  .livechat-widget-container .lc-mini-toast {
    display: none !important;
  }

  .livechat-widget-container .livechat-window {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    width: 100dvw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Respect the mobile safe area while the navbar is hidden below the viewport. */
  .livechat-widget-container .lc-footer-wrap {
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }
}