/* v787BH — canonical public support dock direct CSS centerline lock.
   Root cleanup: WhatsApp, Telegram and Need help use one computed vertical centerline
   across all customer-facing pages. Critical placement no longer depends on a runtime
   body class added by JavaScript, so cached or delayed JS cannot lift Need help upward. */

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]){
  --vge-chat-edge:10px;
  --vge-chat-bubble-width:146px;
  --vge-chat-bubble-height:44px;
  --vge-chat-bubble-icon:24px;
  --vge-chat-dock-gap:14px;
  --vge-chat-item-width:58px;
  --vge-chat-icon-size:46.5px;
  --vge-chat-label-gap:5px;
  --vge-chat-label-height:18px;
  --vge-chat-dock-bottom:18px;
  --vge-chat-icon-half:23.25px;
  --vge-chat-bubble-half:22px;
  --vge-chat-bubble-bottom:calc(var(--vge-chat-dock-bottom) + var(--vge-chat-label-height) + var(--vge-chat-label-gap) + var(--vge-chat-icon-half) - var(--vge-chat-bubble-half));
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open){
  position:fixed !important;
  right:var(--vge-chat-edge) !important;
  bottom:calc(var(--vge-chat-bubble-bottom) + env(safe-area-inset-bottom,0px)) !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  z-index:10050 !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{
  width:var(--vge-chat-bubble-width) !important;
  min-width:var(--vge-chat-bubble-width) !important;
  max-width:var(--vge-chat-bubble-width) !important;
  height:var(--vge-chat-bubble-height) !important;
  min-height:var(--vge-chat-bubble-height) !important;
  padding:0 13px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:14px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher span:last-child{display:inline !important;}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher-icon{
  flex:0 0 var(--vge-chat-bubble-icon) !important;
  width:var(--vge-chat-bubble-icon) !important;
  min-width:var(--vge-chat-bubble-icon) !important;
  height:var(--vge-chat-bubble-icon) !important;
  min-height:var(--vge-chat-bubble-icon) !important;
  font-size:12px !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-dock-v419G{
  position:fixed !important;
  right:calc(var(--vge-chat-edge) + var(--vge-chat-bubble-width) + var(--vge-chat-dock-gap)) !important;
  bottom:calc(var(--vge-chat-dock-bottom) + env(safe-area-inset-bottom,0px)) !important;
  left:auto !important;
  top:auto !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
  transform:none !important;
  z-index:10040 !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G{
  flex:0 0 auto !important;
  width:var(--vge-chat-item-width) !important;
  min-width:var(--vge-chat-item-width) !important;
  max-width:var(--vge-chat-item-width) !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:var(--vge-chat-label-gap) !important;
  overflow:visible !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > a.whatsapp-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G > a.telegram-float{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
  flex:0 0 var(--vge-chat-icon-size) !important;
  width:var(--vge-chat-icon-size) !important;
  min-width:var(--vge-chat-icon-size) !important;
  max-width:var(--vge-chat-icon-size) !important;
  height:var(--vge-chat-icon-size) !important;
  min-height:var(--vge-chat-icon-size) !important;
  max-height:var(--vge-chat-icon-size) !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  box-shadow:0 8px 18px rgba(15,23,42,.16) !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G .whatsapp-text,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G .telegram-text{display:none !important;}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G .whatsapp-icon,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-item-v419G .telegram-icon{
  width:27px !important;
  min-width:27px !important;
  height:27px !important;
  min-height:27px !important;
  font-size:16.5px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  line-height:1 !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:var(--vge-chat-label-height) !important;
  min-height:var(--vge-chat-label-height) !important;
  padding:0 2px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
  white-space:nowrap !important;
  color:#244884 !important;
  text-shadow:-1px 0 0 rgba(255,255,255,.96),1px 0 0 rgba(255,255,255,.96),0 -1px 0 rgba(255,255,255,.96),0 1px 0 rgba(255,255,255,.96),0 0 6px rgba(255,255,255,.45) !important;
}

body.vge-any-chat-open .vge-quick-contact-dock-v419G,
body.vge-chatbot-is-open .vge-quick-contact-dock-v419G,
body.vge-floating-controls-suppressed .vge-quick-contact-dock-v419G,
body.vge-mobile-menu-open .vge-quick-contact-dock-v419G{display:none !important;}

@media(max-width:760px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]){
    --vge-chat-edge:8px;
    --vge-chat-bubble-width:104px;
    --vge-chat-bubble-height:40px;
    --vge-chat-bubble-icon:20px;
    --vge-chat-dock-gap:8px;
    --vge-chat-item-width:50px;
    --vge-chat-icon-size:43.5px;
    --vge-chat-label-gap:4px;
    --vge-chat-label-height:16px;
    --vge-chat-dock-bottom:24px;
    --vge-chat-icon-half:21.75px;
    --vge-chat-bubble-half:20px;
    --vge-chat-bubble-bottom:calc(var(--vge-chat-dock-bottom) + var(--vge-chat-label-height) + var(--vge-chat-label-gap) + var(--vge-chat-icon-half) - var(--vge-chat-bubble-half));
    padding-bottom:calc(130px + env(safe-area-inset-bottom,0px)) !important;
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{font-size:11px !important;padding:0 8px !important;gap:6px !important;}
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-dock-v419G{gap:10px !important;}
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G{font-size:9.5px !important;}
}
@media(max-width:520px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]){
    --vge-chat-edge:7px;
    --vge-chat-bubble-width:96px;
    --vge-chat-bubble-height:40px;
    --vge-chat-bubble-icon:20px;
    --vge-chat-dock-gap:7px;
    --vge-chat-item-width:42px;
    --vge-chat-icon-size:40.5px;
    --vge-chat-label-gap:3px;
    --vge-chat-label-height:15px;
    --vge-chat-dock-bottom:24px;
    --vge-chat-icon-half:20.25px;
    --vge-chat-bubble-half:20px;
    --vge-chat-bubble-bottom:calc(var(--vge-chat-dock-bottom) + var(--vge-chat-label-height) + var(--vge-chat-label-gap) + var(--vge-chat-icon-half) - var(--vge-chat-bubble-half));
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{font-size:10.5px !important;padding:0 7px !important;gap:5px !important;}
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-quick-contact-label-v419G{font-size:9px !important;}
}
