/* v517F — Useful Guide header + floating chat fix
   Scope: Useful Guide hub + article pages only.
   Goals:
   1) Prevent header/nav text from colliding with the logo.
   2) Hide the visual breadcrumb strip (SEO JSON-LD remains intact).
   3) Re-layout the floating quick-contact/chat controls on mobile so Need Help stays visible. */

body.useful-guide-page .guide-breadcrumb-v514G,
body.useful-article-page .guide-breadcrumb-v514G{
  display:none !important;
}

@media (min-width: 901px){
  body.useful-guide-page .topbar .container.nav,
  body.useful-article-page .topbar .container.nav,
  body.useful-guide-page .topbar .nav,
  body.useful-article-page .topbar .nav{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding-left:12px !important;
    padding-right:16px !important;
  }

  body.useful-guide-page .topbar .brand.brand-logo,
  body.useful-article-page .topbar .brand.brand-logo{
    flex:0 0 auto !important;
    min-width:auto !important;
    margin-right:12px !important;
  }

  body.useful-guide-page .topbar .brand-logo img,
  body.useful-article-page .topbar .brand-logo img,
  body.useful-guide-page .topbar img.logo-dark,
  body.useful-article-page .topbar img.logo-dark{
    max-width:232px !important;
    width:auto !important;
    max-height:46px !important;
    object-fit:contain !important;
  }

  body.useful-guide-page .topbar .navlinks,
  body.useful-article-page .topbar .navlinks{
    flex:1 1 auto !important;
    min-width:0 !important;
    justify-content:flex-end !important;
    gap:4px !important;
    padding-left:6px !important;
  }

  body.useful-guide-page .topbar .navlinks a:not(.btn),
  body.useful-article-page .topbar .navlinks a:not(.btn){
    font-size:.84rem !important;
    line-height:1.08 !important;
    padding:8px 7px !important;
    white-space:nowrap !important;
  }

  body.useful-guide-page .topbar .navlinks .nav-apply-btn,
  body.useful-article-page .topbar .navlinks .nav-apply-btn,
  body.useful-guide-page .topbar .navlinks a.btn,
  body.useful-article-page .topbar .navlinks a.btn{
    padding:10px 12px !important;
    min-height:40px !important;
    font-size:.93rem !important;
  }
}

@media (min-width: 901px) and (max-width: 1280px){
  body.useful-guide-page .topbar .navlinks a[href="/contact.html"],
  body.useful-article-page .topbar .navlinks a[href="/contact.html"]{
    display:none !important;
  }

  body.useful-guide-page .topbar .navlinks a:not(.btn),
  body.useful-article-page .topbar .navlinks a:not(.btn){
    font-size:.81rem !important;
    padding:8px 6px !important;
  }
}

@media (min-width: 901px) and (max-width: 1150px){
  body.useful-guide-page .topbar .navlinks a[href="/tracking.html"],
  body.useful-article-page .topbar .navlinks a[href="/tracking.html"]{
    display:none !important;
  }
}

/* Mobile/tablet floating controls — keep Need Help visible and separate the quick contacts. */
@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;
    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:118px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    gap:8px !important;
    justify-content:center !important;
    font-size:12.4px !important;
  }

  body.useful-guide-page .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher span:last-child,
  body.useful-article-page .vge-chatbot-root:not(.is-open) .vge-chatbot-launcher span:last-child{
    display:inline !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;
    font-size:13px !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;
    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-item-v419G,
  body.useful-article-page .vge-quick-contact-item-v419G{
    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;
  }

  body.useful-guide-page .vge-quick-contact-item-v419G .whatsapp-icon,
  body.useful-guide-page .vge-quick-contact-item-v419G .messenger-icon,
  body.useful-guide-page .vge-quick-contact-item-v419G .telegram-icon,
  body.useful-article-page .vge-quick-contact-item-v419G .whatsapp-icon,
  body.useful-article-page .vge-quick-contact-item-v419G .messenger-icon,
  body.useful-article-page .vge-quick-contact-item-v419G .telegram-icon{
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    font-size:12px !important;
  }

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

@media (max-width: 520px){
  body.useful-guide-page .topbar .container.nav,
  body.useful-article-page .topbar .container.nav{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body.useful-guide-page .brand.brand-logo img,
  body.useful-article-page .brand.brand-logo img{
    max-width:min(200px,52vw) !important;
    height:34px !important;
  }

  body.useful-guide-page .topbar .mobile-only,
  body.useful-article-page .topbar .mobile-only{
    padding:8px 10px !important;
    font-size:12px !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{
    min-width:108px !important;
    font-size:11.8px !important;
    padding:0 10px !important;
  }

  body.useful-guide-page .vge-quick-contact-dock-v419G,
  body.useful-article-page .vge-quick-contact-dock-v419G{
    gap:6px !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:36px !important;
    min-width:36px !important;
    max-width:36px !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:36px !important;
    min-width:36px !important;
    max-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
  }
}