/* New widget styles*/
.mt_engagement {
  position: fixed;
  flex-direction: column;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1001;
  border: 1px solid #004494;
  gap: 15px;
  box-sizing: border-box;
}
.bookings,
.mt_chat,
.mt_engagement {
  display: none;
}
#mt_chat--LP {
  display: block;
  position: fixed;
  z-index: 1001;
}
/*Collapsed widget styles*/
.mt_engagement.collapsed {
  max-width: 100px;
  background: #F2F5F9;
  padding: 20px;
}
#mt_chat--LP.collapsed {
  right: 21px;
}
.mt_engagement.collapsed .mt_engagement__info__btn--collapse,
#mt_chat--LP.collapsed .mt_engagement__info__btn--collapse,
.mt_engagement.collapsed .mt_engagement__info__header__text,
#mt_chat--LP.collapsed .mt_engagement__info__header__text,
.mt_engagement.collapsed .mt_engagement__info__body,
#mt_chat--LP.collapsed .mt_engagement__info__body,
.mt_engagement.collapsed .mt_chat__icon__lbl,
#mt_chat--LP.collapsed .mt_chat__icon__lbl,
.mt_engagement.collapsed .bookings__icon__lbl,
#mt_chat--LP.collapsed .bookings__icon__lbl,
.mt_engagement.collapsed .edemo__icon__lbl,
#mt_chat--LP.collapsed .edemo__icon__lbl,
.mt_engagement.collapsed svg.bookings__icon--small,
#mt_chat--LP.collapsed svg.bookings__icon--small,
.mt_engagement.collapsed svg.edemo__icon--small,
#mt_chat--LP.collapsed svg.edemo__icon--small,
.mt_engagement.collapsed svg.mt_chat__icon--small,
#mt_chat--LP.collapsed svg.mt_chat__icon--small {
  display: none;
}
.mt_engagement.collapsed .mt_engagement__info__btn--expand,
#mt_chat--LP.collapsed .mt_engagement__info__btn--expand,
.mt_engagement.collapsed svg.bookings__icon--lg,
#mt_chat--LP.collapsed svg.bookings__icon--lg,
.mt_engagement.collapsed svg.mt_chat__icon--lg,
#mt_chat--LP.collapsed svg.mt_chat__icon--lg {
  display: block;
}
.mt_engagement.collapsed .mt_engagement__info__header,
#mt_chat--LP.collapsed .mt_engagement__info__header,
.mt_engagement.collapsed .edemo__icon,
#mt_chat--LP.collapsed .edemo__icon,
.mt_engagement.collapsed .mt_chat__icon,
#mt_chat--LP.collapsed .mt_chat__icon,
.mt_engagement.collapsed .bookings__icon,
#mt_chat--LP.collapsed .bookings__icon {
  justify-content: center;
}
.mt_engagement.collapsed .bookings__icon,
#mt_chat--LP.collapsed .bookings__icon,
.mt_engagement.collapsed .edemo__icon,
#mt_chat--LP.collapsed .edemo__icon,
.mt_engagement.collapsed .mt_chat__icon,
#mt_chat--LP.collapsed .mt_chat__icon {
  padding: 10px;
}
.mt_engagement.collapsed .mt_chat.kakao .mt_chat__icon {
  gap: 0;
}
.edemo__icon.btn-edemo {
  width: 100% !important;
}
.edemo__icon.btn-edemo .edemo__icon__lbl {
  padding: 0 !important;
  border: none !important;
}
/*End collapsed widget styles*/
/*Expanded widget styles*/
.mt_engagement.expanded {
  width: 330px;
  padding: 30px;
  background: #fff;
  max-width: 100%;
}
#mt_chat--LP.expanded {
  width: 100%;
  right: 31px;
  max-width: 268px;
}
.mt_engagement.expanded .mt_engagement__info__btn--expand,
#mt_chat--LP.expanded .mt_engagement__info__btn--expand,
.mt_engagement.expanded svg.bookings__icon--lg,
#mt_chat--LP.expanded svg.bookings__icon--lg,
.mt_engagement.expanded svg.edemo__icon--lg,
#mt_chat--LP.expanded svg.edemo__icon--lg,
.mt_engagement.expanded svg.mt_chat__icon--lg,
#mt_chat--LP.expanded svg.mt_chat__icon--lg {
  display: none;
}
.mt_engagement.expanded .mt_engagement__info__btn--collapse,
#mt_chat--LP.expanded .mt_engagement__info__btn--collapse,
.mt_engagement.expanded svg.bookings__icon--small,
#mt_chat--LP.expanded svg.bookings__icon--small,
.mt_engagement.expanded svg.edemo__icon--small,
#mt_chat--LP.expanded svg.edemo__icon--small,
.mt_engagement.expanded svg.mt_chat__icon--small,
#mt_chat--LP.expanded svg.mt_chat__icon--small {
  display: block;
}
.mt_engagement.expanded .bookings__icon,
#mt_chat--LP.expanded .bookings__icon,
.mt_engagement.expanded .edemo__icon,
#mt_chat--LP.expanded .edemo__icon,
.mt_engagement.expanded .mt_chat__icon,
#mt_chat--LP.expanded .mt_chat__icon {
  padding: 10px 16px;
}
.mt_engagement.expanded .mt_engagement__info__header,
#mt_chat--LP.expanded .mt_engagement__info__header {
  justify-content: space-between;
}
#mt_chat--LP.expanded .mt_chat__icon--large {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
/*End expanded widget styles*/
.bookings__icon,
.mt_chat__icon,
.edemo__icon,
.mt_engagement__info,
.mt_engagement__info__header,
.mt_engagement__buttons {
  display: flex;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.mt_engagement__buttons,
.mt_engagement__info {
  flex-direction: column;
}
.bookings__icon,
.mt_chat__icon,
.edemo__icon,
.mt_engagement__info__header {
  flex-direction: row;
  align-items: center;
}
.mt_engagement__info__btn--collapse,
.mt_engagement__info__btn--expand {
  cursor: pointer;
  pointer-events: auto;
}
.bookings__icon,
.mt_chat__icon,
.edemo__icon,
.mt_engagement__info {
  gap: 10px;
}
.bookings__icon,
.mt_chat__icon,
.edemo__icon,
.mt_engagement__info__header__text {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.mt_engagement__info__body {
  font-weight: 400;
}
.mt_engagement__buttons {
  gap: 15px;
}
.bookings__icon,
.edemo__icon,
.mt_chat__icon {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.bookings__icon,
.edemo__icon:not(.btn-primary) {
  border: 1px solid #004494;
  color: #004494;
  background: #fff;
}
.mt_chat__icon {
  color: #fff;
  background: #6bb847;
}
.mt_chat__icon--mobile,
.bookings__icon--mobile {
  display: none;
}
.bookings__icon__btn,
.edemo__icon__btn {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  pointer-events: auto;
}
@media (max-width: 750px) {
  /* MTCOM-19348: Engagements change to blue icons on mobile */
  .mt_engagement {
    right: 15px;
    top: unset;
    bottom: 35px;
    transform: unset;
  }
  .mt_engagement .mt_engagement__info,
  .mt_engagement .mt_engagement__info__header {
    display: none !important;
  }
  body:has(.back-to-top-wrapper) .mt_engagement {
    right: 20px;
    bottom: 100px;
  }
  body:has(.back-to-top-wrapper) #mt_chat--LP.collapsed {
    right: 20px;
  }
  body:has(.back-to-top-wrapper):has(#MT_sticky_layer .svc_form_and_phone_wrapper) .mt_engagement {
    bottom: 210px;
  }
  body:has(.back-to-top-wrapper):has(#MT_sticky_layer .svc_form_and_phone_wrapper):has(.mobile-call-for-quote__icon .callforquote) .mt_engagement {
    bottom: 260px;
  }
  body:has(.DsProductDetailsPageTemplate) .mt_engagement {
    min-height: 0;
    bottom: unset;
    top: 50%;
  }
  body:has(.mt_engagement[data-enablemobiledrawer="true"]):has(#MT_sticky_layer .cta-drawer--open) .mt_engagement,
  body:has(.mt_engagement[data-enablemobiledrawer="true"]):has(#MT_sticky_layer .cta-drawer--open) #mt_chat--LP.collapsed {
    display: none !important;
  }
  body:has(.mt_engagement[data-enablemobiledrawer="true"]):has(.back-to-top-wrapper) .mt_engagement {
    min-height: 0;
    bottom: 85px;
  }
  body:has(.mt_engagement[data-enablemobiledrawer="true"]):has(#MT_sticky_layer .cta-drawer__items__links:empty) .mt_engagement,
  body:has(.mt_engagement[data-enablemobiledrawer="true"]):has(#MT_sticky_layer .cta-drawer__items__links:empty) #LP_Tag_Container {
    display: none !important;
  }
  .mt_engagement.collapsed,
  #mt_chat--LP.collapsed {
    padding: 0;
    border: 0;
    background: transparent;
  }
  .mt_engagement.collapsed .mt_engagement__info__btn--expand,
  #mt_chat--LP.collapsed .mt_engagement__info__btn--expand,
  .mt_engagement.collapsed svg.mt_chat__icon--small,
  #mt_chat--LP.collapsed svg.mt_chat__icon--small,
  .mt_engagement.collapsed svg.mt_chat__icon--lg,
  #mt_chat--LP.collapsed svg.mt_chat__icon--lg,
  .mt_engagement.collapsed svg.bookings__icon--lg,
  #mt_chat--LP.collapsed svg.bookings__icon--lg {
    display: none !important;
  }
  .mt_engagement.collapsed .bookings__icon,
  #mt_chat--LP.collapsed .bookings__icon,
  .mt_engagement.collapsed .edemo__icon,
  #mt_chat--LP.collapsed .edemo__icon,
  .mt_engagement.collapsed .mt_chat__icon,
  #mt_chat--LP.collapsed .mt_chat__icon,
  .mt_engagement.collapsed .mobile-call-for-quote__icon,
  #mt_chat--LP.collapsed .mobile-call-for-quote__icon {
    padding: 0;
    width: 60px !important;
    height: 60px !important;
    border-radius: 60px;
    background-color: #004494;
  }
  .mt_engagement.collapsed .mobile-call-for-quote__icon a,
  #mt_chat--LP.collapsed .mobile-call-for-quote__icon a {
    width: 100%;
    height: 100%;
    background: transparent;
    max-width: none;
  }
  .mt_engagement.collapsed .edemo__icon svg path,
  #mt_chat--LP.collapsed .edemo__icon svg path {
    fill: white;
  }
  #mt_chat--LP.collapsed {
    width: 60px !important;
    right: 15px;
  }
  .bookings__icon {
    background: url("../../../../../etc/designs/mt/docroot/images/icons/engagements__calendar.svg") no-repeat center center;
  }
  .bookings__icon svg,
  .mt_chat__icon svg {
    display: none;
  }
  .mt_chat__icon {
    background: url("../../../../../etc/designs/mt/docroot/images/icons/engagements__chat.svg") no-repeat center center;
  }
  .mobile-call-for-quote__icon {
    background: url("../../../../../etc/designs/mt/docroot/images/icons/engagements__phone.svg") no-repeat center center;
  }
  .bookings__icon--mobile,
  .mt_chat__icon--mobile {
    display: block;
  }
  .cta-drawer__items__links .bookings__icon__btn,
  .cta-drawer__items__links .mt_chat.anywhere365 {
    position: relative;
  }
  .cta-drawer__items__links .mt_chat.anywhere365 .mt_chat__icon {
    background: transparent;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
  .cta-drawer__items__links .LP_Tag_Container--mobile {
    position: relative;
  }
  .cta-drawer__items__links .LP_Tag_Container--mobile #LP_Tag_Container {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
  }
  .cta-drawer__items__links .LP_Tag_Container--mobile #LP_Tag_Container .LPMcontainer {
    width: 100%;
    height: 100%;
  }
  .cta-drawer__items__links .LP_Tag_Container--mobile #LP_Tag_Container .LPMcontainer #mt_chat--LP.collapsed {
    display: block !important;
    position: relative;
    top: 0 !important;
    bottom: 0 !important;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .cta-drawer__items__links .LP_Tag_Container--mobile #LP_Tag_Container .LPMcontainer #mt_chat--LP.collapsed .mt_chat__icon {
    background: transparent;
    width: 100% !important;
    height: 100% !important;
  }
  /* Don't show sticky engagement buttons when mobile navigation is expanded */
  body:has(.expandedStickyMenu) .mt_engagement {
    display: none !important;
  }
}