/*
 * PMIXERS: mobile behavior for the Venyoo widget.
 * Load after the widget styles.
 */

@media (max-width: 767.98px) {
  #leadia-widget.lw_minimized {
    box-sizing: border-box !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
    overflow: hidden !important;
    border-radius: 50% !important;
  }

  #leadia-widget.lw_minimized .leadia_widget_header {
    box-sizing: border-box !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 !important;
    cursor: pointer !important;
  }

  #leadia-widget.lw_minimized .leadia_widget_photo {
    position: absolute !important;
    inset: 4px !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
  }

  #leadia-widget.lw_minimized .leadia-widget-header-img,
  #leadia-widget.lw_minimized .leadia_widget_photo img {
    width: 48px !important;
    height: 48px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  #leadia-widget.lw_minimized .leadia_widget_title,
  #leadia-widget.lw_minimized .leadia_widget_text,
  #leadia-widget.lw_minimized .leadia_widget_minimize,
  #leadia-widget.lw_minimized .leadia_widget_bell,
  #leadia-widget.lw_minimized .leadia_widget_body,
  #leadia-widget.lw_minimized .leadia_develope_by,
  #leadia-widget.lw_minimized .leadia_widget_notify,
  #leadia-widget.lw_minimized .leadia_widget_hover_module {
    display: none !important;
  }

  /* Do not let an opened widget exceed the usable mobile viewport. */
  #leadia-widget:not(.lw_minimized) {
    box-sizing: border-box !important;
    width: min(344px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100dvh - 32px) !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    left: auto !important;
  }
}