/* v391G — Footer logo scale + floating WhatsApp placement lock.
   Reason: previous rules were split across many versioned CSS files. On deploy/cache
   combinations, the footer logo could remain capped by generic .logo-dark max-height,
   and the WhatsApp pill could render on the wrong screen edge. This file is loaded
   last on public pages and only locks visible footer/contact controls. */

/* Footer company logo: make it visibly larger on desktop and public subpages. */
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .footer .footer-logo,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) footer.footer .footer-logo{
  display:inline-flex !important;
  align-items:center !important;
  line-height:0 !important;
  margin-bottom:18px !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .footer .footer-logo img,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) footer.footer .footer-logo img,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .footer .footer-logo img.logo-dark,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) footer.footer .footer-logo img.logo-dark{
  height:78px !important;
  max-height:none !important;
  width:auto !important;
  max-width:min(360px, 82vw) !important;
  object-fit:contain !important;
}

/* Floating WhatsApp: keep it on the right, directly below the Need help launcher. */
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) > .whatsapp-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) a.whatsapp-float{
  position:fixed !important;
  left:auto !important;
  right:32px !important;
  bottom:calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  top:auto !important;
  z-index:9997 !important;
  transform:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
  position:fixed !important;
  left:auto !important;
  right:32px !important;
  bottom:calc(100px + env(safe-area-inset-bottom, 0px)) !important;
  z-index:9998 !important;
}

body.vge-any-chat-open .whatsapp-float,
body.vge-chatbot-is-open .whatsapp-float,
body.vge-floating-controls-suppressed .whatsapp-float,
body.vge-mobile-menu-open .whatsapp-float{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(12px) scale(.96) !important;
}

@media (max-width: 820px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .footer .footer-logo img,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) footer.footer .footer-logo img,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .footer .footer-logo img.logo-dark,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) footer.footer .footer-logo img.logo-dark{
    height:62px !important;
    max-width:min(292px, 76vw) !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) > .whatsapp-float,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) a.whatsapp-float{
    right:14px !important;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
    right:14px !important;
    bottom:calc(84px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 480px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .footer .footer-logo img,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) footer.footer .footer-logo img,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .footer .footer-logo img.logo-dark,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) footer.footer .footer-logo img.logo-dark{
    height:54px !important;
    max-width:min(250px, 72vw) !important;
  }
}


/* v412G — Compact floating contact stack cleanup.
   Goal: prevent Need help / WhatsApp / Messenger / Telegram overlap.
   Keep a clean compact vertical stack with the chatbot launcher above.
*/
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-float{
  position:fixed !important;
  left:auto !important;
  top:auto !important;
  right:24px !important;
  z-index:9997 !important;
  width:50px !important;
  min-width:50px !important;
  height:50px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  box-shadow:0 14px 30px rgba(15,23,42,.20) !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float{
  right:24px !important;
  bottom:calc(136px + env(safe-area-inset-bottom, 0px)) !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-float{
  right:24px !important;
  bottom:calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-float{
  right:24px !important;
  bottom:calc(20px + env(safe-area-inset-bottom, 0px)) !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-text,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-text,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-text{
  display:none !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-icon,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-icon,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-icon{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:16px !important;
  line-height:1 !important;
  margin:0 !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
  position:fixed !important;
  left:auto !important;
  right:24px !important;
  bottom:calc(194px + env(safe-area-inset-bottom, 0px)) !important;
  z-index:9998 !important;
}

body.vge-any-chat-open .whatsapp-float,
body.vge-chatbot-is-open .whatsapp-float,
body.vge-floating-controls-suppressed .whatsapp-float,
body.vge-mobile-menu-open .whatsapp-float,
body.vge-any-chat-open .messenger-float,
body.vge-chatbot-is-open .messenger-float,
body.vge-floating-controls-suppressed .messenger-float,
body.vge-mobile-menu-open .messenger-float,
body.vge-any-chat-open .telegram-float,
body.vge-chatbot-is-open .telegram-float,
body.vge-floating-controls-suppressed .telegram-float,
body.vge-mobile-menu-open .telegram-float{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(12px) scale(.96) !important;
}

@media (max-width: 820px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-float,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-float{
    right:12px !important;
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float{
    bottom:calc(114px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-float{
    bottom:calc(63px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-float{
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-icon,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-icon,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-icon{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    font-size:14px !important;
  }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
    right:12px !important;
    bottom:calc(166px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* v413G — Recompose floating contact controls.
   Keep "Need help?" as the main launcher and place WhatsApp / Messenger / Telegram
   in one horizontal row underneath so they never stack on top of each other. */
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
  position:fixed !important;
  left:auto !important;
  right:20px !important;
  bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  z-index:9998 !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-float,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-float{
  position:fixed !important;
  top:auto !important;
  left:auto !important;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  width:48px !important;
  min-width:48px !important;
  height:48px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  z-index:9997 !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float{ right:128px !important; }
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-float{ right:72px !important; }
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-float{ right:16px !important; }

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-text,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-text,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-text{
  display:none !important;
}

html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-icon,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-icon,
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-icon{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  line-height:1 !important;
  margin:0 !important;
}

@media (max-width: 820px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
    right:12px !important;
    bottom:calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-float,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-float{
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
  }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float{ right:108px !important; }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-float{ right:60px !important; }
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-float{ right:12px !important; }

  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-icon,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .messenger-icon,
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-icon{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    font-size:13px !important;
  }
}