/* WhatsApp left; the separate classic Smartsupp chat retains its right corner.
   Elfsight renders fixed controls inside its app: position those controls,
   rather than wrapping the whole app in a second fixed container. */
.bk-whatsapp-chat {
  --bk-whatsapp-left: max(20px, env(safe-area-inset-left));
  --bk-whatsapp-bottom: max(20px, env(safe-area-inset-bottom));
  position: static;
}
:is(.bk-whatsapp-chat,
    .eapps-whatsapp-chat-9e1df75c-a542-4a9a-9dd5-3f950d068e52-custom-css-root)
:is([class*="FloatingButton__FloatingButtonContainer"],
    [class*="FloatingWindow__Container"],
    [class*="Window__WindowComponent"],
    [class*="Window__Component"]) {
  left: 20px !important;
  left: var(--bk-whatsapp-left, max(20px, env(safe-area-inset-left))) !important;
  right: auto !important;
  bottom: 20px !important;
  bottom: var(--bk-whatsapp-bottom, max(20px, env(safe-area-inset-bottom))) !important;
  transform: none !important;
  max-width: calc(100vw - 40px);
}
@media (max-width: 575px) {
  .bk-whatsapp-chat {
    --bk-whatsapp-left: max(16px, env(safe-area-inset-left));
    --bk-whatsapp-bottom: max(16px, env(safe-area-inset-bottom));
  }
  :is(.bk-whatsapp-chat,
      .eapps-whatsapp-chat-9e1df75c-a542-4a9a-9dd5-3f950d068e52-custom-css-root)
  :is([class*="FloatingButton__FloatingButtonContainer"],
        [class*="FloatingWindow__Container"],
    [class*="Window__WindowComponent"],
      [class*="Window__Component"]) {
    left: max(16px, env(safe-area-inset-left)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    max-width: calc(100vw - 32px);
  }
}