/* v414G — final homepage clock + floating contact layout repair.
   Clock must sit above Quick Fee Check, near the header area, not below CTA buttons.
   Quick contact buttons must form one clean row below Need help. */

@media (min-width:861px){
  .home-page .home-hero-v295G{
    padding-top:44px !important;
    padding-bottom:30px !important;
  }
  .home-page .home-conversion-hero-grid-v295G{
    align-items:start !important;
  }
  .home-page .home-hero-copy-v295G,
  .home-page .home-hero-side-stack-v295G{
    align-self:start !important;
    padding-top:0 !important;
    margin-top:0 !important;
  }
  .home-page .home-hero-side-stack-v295G{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  .home-page .home-hero-v295G .vge-vietnam-time-header.vge-vietnam-time-above-fee-v414G{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:-2px 0 6px !important;
    z-index:8 !important;
    pointer-events:none !important;
    transform:none !important;
  }
  .home-page .home-hero-v295G .vge-vietnam-time-above-fee-v414G .vge-vietnam-time-inner{
    justify-content:flex-end !important;
    padding:0 !important;
  }
  .home-page .home-hero-v295G .vge-vietnam-time-above-fee-v414G .vge-vietnam-time-text{
    background:rgba(10,31,56,.28) !important;
    border:1px solid rgba(191,219,254,.26) !important;
    box-shadow:none !important;
    backdrop-filter:blur(6px) !important;
    padding:5px 12px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    color:#eaf6ff !important;
    white-space:nowrap !important;
  }
  /* neutralize the old v409 left-column clock rule if a cached element/class appears */
  .home-page .home-hero-v295G .vge-vietnam-time-header.vge-vietnam-time-in-hero-copy-v409G{
    display:none !important;
  }
}

@media (max-width:860px){
  .home-page .home-hero-v295G{
    padding-top:24px !important;
  }
  .home-page .home-hero-v295G .vge-vietnam-time-header.vge-vietnam-time-above-fee-v414G{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 8px !important;
  }
  .home-page .home-hero-v295G .vge-vietnam-time-above-fee-v414G .vge-vietnam-time-inner{
    justify-content:flex-start !important;
  }
  .home-page .home-hero-v295G .vge-vietnam-time-above-fee-v414G .vge-vietnam-time-text{
    font-size:11px !important;
    white-space:normal !important;
    padding:4px 9px !important;
    text-align:left !important;
  }
}

/* Stronger final dock: 3 social buttons in one horizontal row below Need help. */
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
  right:24px !important;
  bottom:calc(90px + env(safe-area-inset-bottom, 0px)) !important;
  z-index:10020 !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"]) .telegram-float{
  position:fixed !important;
  top:auto !important;
  left:auto !important;
  bottom:calc(24px + env(safe-area-inset-bottom, 0px)) !important;
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  transform:none !important;
  z-index:10010 !important;
  overflow:hidden !important;
}
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .whatsapp-float{ right:132px !important; }
html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .telegram-float{ right:24px !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"]) .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"]) .telegram-icon{
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:14px !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 .telegram-float,
body.vge-chatbot-is-open .telegram-float,
body.vge-floating-controls-suppressed .telegram-float,
body.vge-mobile-menu-open .telegram-float{
  display:none !important;
}

@media (max-width:640px){
  html body:not(.vge-admin-page):not(.admin-body):not([class*="admin"]) .vge-chatbot-root{
    right:12px !important;
    bottom:calc(76px + 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"]) .telegram-float{
    bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !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"]) .telegram-float{ right:12px !important; }
}