/* Leadback (оператор) и плавающая кнопка контактов — как на старом сайте.
   Картинка оператора — фон поверх кнопки-трубки. Стили Leadback часто приходят позже:
   те же правила ещё раз вставляет js/widgets.js после загрузки виджета. */
.widgethelp_shadow { opacity: .8; }
.widgethelp_shadow:hover { opacity: 1; }
#widgethelp_uniquecssid { bottom: 40px !important; }
.widgethelptext { display: none !important; }
#widgethelp_uniquecssid .hidden { visibility: visible !important; }

/* MAX: у виджета нет своего значка, подставляем картинку. Без ширины/высоты
   круг пустой: шрифтовой значок прячем, и фон без размера не виден. */
#widgethelp_uniquecssid li[data-name="MAX"] i {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: url("../images/brands/max.png") center / cover no-repeat !important;
  color: transparent !important;
  border-radius: 50%;
}
#widgethelp_uniquecssid li[data-name="MAX"] i:before {
  content: none !important;
}

.lb_mobile-widget { margin-top: 50px !important; }
.lb-flipper__item--back,
.lb-avatar__wrapper-image {
  background: url("../images/operator.gif") !important;
  background-size: 100% !important;
}
.lb-widget-button__image--operator,
.lb-avatar__image { opacity: 0 !important; }
.lb-services.is-opened .lb-services__item:nth-child(2) {
  background: url("../images/operator.gif") !important;
  background-size: 100% !important;
  border-radius: 30px !important;
}
.js-trigger-chat .lb-services__wrapper-image { opacity: 0 !important; }
.lb-chat-messages-data__item--avatar {
  background: url("../images/operator.gif") !important;
  background-image: url("../images/operator.gif") !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
}
div.lb-button-flipper__back,
ldiv.lb-button-flipper__back {
  background-image: url("../images/operator.gif") !important;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
}
.lb-chat-messages-data__item--avatar img { opacity: 0 !important; }
.lb_wrapper,
#lb_button-wrapper,
.lb-widget-panel,
.lb-widget-panel__item,
.lb-button__wrapper { z-index: 9 !important; }

@media (max-width: 767px) {
  #widgethelp_uniquecssid {
    bottom: 20px !important;
    left: 20px !important;
  }
}