/* v538U — Mobile-only homepage clock position + compact footer repair.
   Scope: home page only. Desktop is intentionally untouched. */

@media (max-width: 860px){
  body.home-page .vge-vietnam-time-mobile-home-shell-v538U{
    display:block !important;
    background:linear-gradient(135deg,#0b2441 0%,#10385e 62%,#0d5660 100%) !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:1px solid rgba(191,219,254,.14) !important;
    padding:6px 16px !important;
  }

  body.home-page .vge-vietnam-time-mobile-home-shell-v538U .vge-vietnam-time-header{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    pointer-events:none !important;
    z-index:5 !important;
  }

  body.home-page .vge-vietnam-time-mobile-home-shell-v538U .vge-vietnam-time-inner{
    justify-content:flex-start !important;
    padding:0 !important;
  }

  body.home-page .vge-vietnam-time-mobile-home-shell-v538U .vge-vietnam-time-text{
    display:inline-flex !important;
    align-items:center !important;
    max-width:100% !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    background:rgba(10,31,56,.34) !important;
    border:1px solid rgba(191,219,254,.26) !important;
    color:#eaf6ff !important;
    font-size:11px !important;
    line-height:1.25 !important;
    text-align:left !important;
    white-space:normal !important;
    box-shadow:none !important;
  }

  body.home-page .home-hero-v295G .home-hero-side-stack-v295G > .vge-vietnam-time-header,
  body.home-page .home-hero-v295G .home-hero-side-stack-v289G > .vge-vietnam-time-header{
    display:none !important;
  }

  body.home-page .home-hero-v295G{
    padding-top:22px !important;
  }

  body.home-page .footer{
    padding:24px 0 calc(122px + env(safe-area-inset-bottom,0px)) !important;
    font-size:13px !important;
    line-height:1.45 !important;
  }

  body.home-page .footer .container.footer-grid,
  body.home-page .footer .container.footer-grid-3,
  body.home-page .footer-grid,
  body.home-page .footer-grid-3{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px 18px !important;
    align-items:start !important;
  }

  body.home-page .footer-grid > div:first-child,
  body.home-page .footer-grid-3 > div:first-child{
    grid-column:1 / -1 !important;
  }

  body.home-page .footer-logo img,
  body.home-page .footer .footer-logo img{
    max-width:150px !important;
    height:auto !important;
    margin-bottom:4px !important;
  }

  body.home-page .footer p{
    margin:6px 0 0 !important;
    line-height:1.45 !important;
  }

  body.home-page .footer strong{
    margin:0 0 6px !important;
    font-size:14px !important;
    line-height:1.2 !important;
  }

  body.home-page .footer a{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  body.home-page .footer .small{
    font-size:12px !important;
    line-height:1.45 !important;
    opacity:.84 !important;
  }

  body.home-page .footer br{
    line-height:1.25 !important;
  }

  body.home-page .footer p,
  body.home-page .footer a,
  body.home-page .footer .small{
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
body.home-page .whatsapp-float,
body.home-page .telegram-float{
    position:fixed !important;
    left:auto !important;
    right:10px !important;
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    z-index:10010 !important;
    overflow:hidden !important;
  }

  body.home-page .whatsapp-float{bottom:calc(14px + env(safe-area-inset-bottom,0px)) !important;}
body.home-page .telegram-float{bottom:calc(106px + env(safe-area-inset-bottom,0px)) !important;}
body.home-page .whatsapp-text,
body.home-page .telegram-text,
body.home-page .whatsapp-float span:not(.whatsapp-icon),
body.home-page .telegram-float span:not(.telegram-icon){
    display:none !important;
  }

  body.home-page .vge-chatbot-root:not(.is-open){
    right:10px !important;
    bottom:calc(152px + env(safe-area-inset-bottom,0px)) !important;
    z-index:10020 !important;
  }
body.home-page.vge-mobile-menu-open .whatsapp-float,
body.home-page.vge-mobile-menu-open .telegram-float,
body.home-page.vge-chatbot-is-open .whatsapp-float,
body.home-page.vge-chatbot-is-open .telegram-float{
    display:none !important;
  }
}

@media (max-width: 420px){
  body.home-page .footer{
    font-size:12.5px !important;
  }

  body.home-page .footer .container.footer-grid,
  body.home-page .footer .container.footer-grid-3,
  body.home-page .footer-grid,
  body.home-page .footer-grid-3{
    gap:12px 14px !important;
  }

  body.home-page .footer-logo img,
  body.home-page .footer .footer-logo img{
    max-width:138px !important;
  }

  body.home-page .footer strong{
    font-size:13px !important;
  }

  body.home-page .footer a{
    font-size:12.5px !important;
  }

  body.home-page .footer .small{
    font-size:11.5px !important;
  }
}