/* v517Q — Useful Guide tablet/mobile floating contact separation fix
   Purpose: prevent WhatsApp/Messenger/Telegram dock from overlapping with the chat launcher
   on Useful Guide hub + article pages, especially tablet and landscape-mobile widths. */

@media (min-width: 761px) and (max-width: 1180px){
  body.useful-guide-page,
  body.useful-article-page{
    padding-bottom:calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.useful-guide-page .vge-chatbot-root:not(.is-open),
  body.useful-article-page .vge-chatbot-root:not(.is-open){
    right:12px !important;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    z-index:10055 !important;
  }

  body.useful-guide-page .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher,
  body.useful-article-page .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher{
    width:auto !important;
    min-width:112px !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    gap:8px !important;
  }

  body.useful-guide-page .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher-icon,
  body.useful-article-page .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher-icon{
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
    min-height:24px !important;
  }

  body.useful-guide-page .vge-quick-contact-dock-v419G,
  body.useful-article-page .vge-quick-contact-dock-v419G{
    right:132px !important;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    z-index:10050 !important;
  }

  body.useful-guide-page .vge-quick-contact-label-v419G,
  body.useful-article-page .vge-quick-contact-label-v419G{
    display:none !important;
  }

  body.useful-guide-page .vge-quick-contact-item-v419G,
  body.useful-article-page .vge-quick-contact-item-v419G,
  body.useful-guide-page .vge-quick-contact-item-v419G > a,
  body.useful-article-page .vge-quick-contact-item-v419G > a{
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    gap:0 !important;
  }

  body.useful-guide-page .vge-quick-contact-item-v419G > .whatsapp-float,
  body.useful-guide-page .vge-quick-contact-item-v419G > .messenger-float,
  body.useful-guide-page .vge-quick-contact-item-v419G > .telegram-float,
  body.useful-guide-page .vge-quick-contact-item-v419G > a.whatsapp-float,
  body.useful-guide-page .vge-quick-contact-item-v419G > a.messenger-float,
  body.useful-guide-page .vge-quick-contact-item-v419G > a.telegram-float,
  body.useful-article-page .vge-quick-contact-item-v419G > .whatsapp-float,
  body.useful-article-page .vge-quick-contact-item-v419G > .messenger-float,
  body.useful-article-page .vge-quick-contact-item-v419G > .telegram-float,
  body.useful-article-page .vge-quick-contact-item-v419G > a.whatsapp-float,
  body.useful-article-page .vge-quick-contact-item-v419G > a.messenger-float,
  body.useful-article-page .vge-quick-contact-item-v419G > a.telegram-float{
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
  }
}

@media (max-width: 760px){
  body.useful-guide-page,
  body.useful-article-page{
    padding-bottom:calc(118px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.useful-guide-page .vge-chatbot-root:not(.is-open),
  body.useful-article-page .vge-chatbot-root:not(.is-open){
    right:8px !important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.useful-guide-page .vge-quick-contact-dock-v419G,
  body.useful-article-page .vge-quick-contact-dock-v419G{
    right:8px !important;
    bottom:calc(58px + env(safe-area-inset-bottom, 0px)) !important;
    gap:8px !important;
  }
}