/* Vietnam GoEasy v266U - Public CSS Consolidation Pass 2
   Scope: header/navigation, hero spacing/contrast, floating contact/chat safety.
   Loaded after previous public UI patch files. Admin pages must not load this file. */

:root{
  --vge-header-height:72px;
  --vge-header-height-mobile:62px;
  --vge-safe-edge:clamp(14px,3vw,24px);
  --vge-hero-pad-y:clamp(3.5rem,7vw,6.25rem);
  --vge-hero-pad-y-mobile:clamp(2.3rem,9vw,3.6rem);
}

/* Header / navigation cleanup: final lightweight layer, no markup rewrite. */
.site-header,.top-nav,.public-header,.lp-header{
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
}
.site-header .nav-wrap,.top-nav .nav-wrap,.public-header .nav-wrap,.lp-header .lp-nav{
  min-height:var(--vge-header-height);
  display:flex;
  align-items:center;
  gap:clamp(.75rem,1.4vw,1.25rem);
}
.site-header img,.top-nav img,.public-header img,.lp-header img,.brand img,.logo img{
  max-height:42px;
  width:auto;
}
.main-nav,.desktop-nav,.nav-links,.lp-nav-links{
  align-items:center;
  gap:clamp(.45rem,.85vw,.9rem);
}
.main-nav a,.desktop-nav a,.nav-links a,.lp-nav-links a{
  line-height:1.2;
  white-space:nowrap;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.main-nav a:focus-visible,.desktop-nav a:focus-visible,.nav-links a:focus-visible,.lp-nav-links a:focus-visible,.mobile-menu-toggle:focus-visible,.vge-mobile-drawer a:focus-visible{
  outline:3px solid rgba(37,99,235,.42);
  outline-offset:4px;
  border-radius:10px;
}
.header-cta,.apply-now,.nav-cta,.lp-cta,.btn-primary{
  white-space:nowrap;
}

/* Hero cleanup: keep first-screen message visible and readable. */
.hero,.page-hero,.service-hero,.trust-hero,.lp-hero{
  min-height:auto;
  padding-top:var(--vge-hero-pad-y);
  padding-bottom:var(--vge-hero-pad-y);
  overflow:hidden;
}
.hero h1,.page-hero h1,.service-hero h1,.trust-hero h1,.lp-hero h1{
  max-width:980px;
  line-height:1.03;
  text-wrap:balance;
}
.hero p,.page-hero p,.service-hero p,.trust-hero p,.lp-hero p,.hero .lead,.page-hero .lead,.service-hero .lead,.lp-hero .lead{
  max-width:760px;
  text-wrap:pretty;
}
.hero .btn-row,.hero-actions,.page-hero .btn-row,.service-hero .btn-row,.lp-hero .lp-hero-actions,.cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  align-items:center;
}
.hero *,.page-hero *,.service-hero *,.trust-hero *,.lp-hero *{
  overflow-wrap:anywhere;
}

/* Dark hero contrast guard. */
.hero.is-dark,.page-hero.is-dark,.service-hero,.trust-hero,.lp-hero,.hero.dark,.page-hero.dark{
  color:#fff;
}
.hero.is-dark h1,.page-hero.is-dark h1,.service-hero h1,.trust-hero h1,.lp-hero h1,.hero.dark h1,.page-hero.dark h1{
  color:#fff;
}
.hero.is-dark p,.page-hero.is-dark p,.service-hero p,.trust-hero p,.lp-hero p,.hero.dark p,.page-hero.dark p{
  color:rgba(255,255,255,.88);
}

/* Floating contact / chat cleanup. */
.whatsapp-float,.whatsapp-floating,.floating-whatsapp,.vge-whatsapp-float,.floating-contact,.sticky-cta,.mobile-sticky-cta,.lp-sticky-cta{
  z-index:920;
}
body.vge-any-chat-open .whatsapp-float,
body.vge-any-chat-open .whatsapp-floating,
body.vge-any-chat-open .floating-whatsapp,
body.vge-any-chat-open .vge-whatsapp-float,
body.vge-any-chat-open .lp-sticky-cta,
body.vge-any-chat-open .mobile-sticky-cta,
body.vge-floating-controls-suppressed .whatsapp-float,
body.vge-floating-controls-suppressed .whatsapp-floating,
body.vge-floating-controls-suppressed .floating-whatsapp,
body.vge-floating-controls-suppressed .vge-whatsapp-float,
body.vge-floating-controls-suppressed .lp-sticky-cta,
body.vge-floating-controls-suppressed .mobile-sticky-cta,
body.vge-mobile-menu-open .whatsapp-float,
body.vge-mobile-menu-open .whatsapp-floating,
body.vge-mobile-menu-open .floating-whatsapp,
body.vge-mobile-menu-open .vge-whatsapp-float,
body.vge-mobile-menu-open .lp-sticky-cta,
body.vge-mobile-menu-open .mobile-sticky-cta{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(12px) scale(.96);
}

.vge-chatbot-launcher,.vge-lsc-launcher,.vge-lsc-widget,.vge-chatbot-widget{
  z-index:950;
}

@media (max-width: 920px){
  .site-header .nav-wrap,.top-nav .nav-wrap,.public-header .nav-wrap,.lp-header .lp-nav{
    min-height:var(--vge-header-height-mobile);
  }
  .site-header img,.top-nav img,.public-header img,.lp-header img,.brand img,.logo img{
    max-height:36px;
  }
  .hero,.page-hero,.service-hero,.trust-hero,.lp-hero{
    padding-top:var(--vge-hero-pad-y-mobile);
    padding-bottom:var(--vge-hero-pad-y-mobile);
  }
  .hero h1,.page-hero h1,.service-hero h1,.trust-hero h1,.lp-hero h1{
    font-size:clamp(2rem,9vw,3.05rem);
    line-height:1.06;
  }
  .hero .btn-row,.hero-actions,.page-hero .btn-row,.service-hero .btn-row,.lp-hero .lp-hero-actions,.cta-row{
    align-items:stretch;
  }
  .hero .btn-row > *,.hero-actions > *,.page-hero .btn-row > *,.service-hero .btn-row > *,.lp-hero .lp-hero-actions > *,.cta-row > *{
    flex:1 1 100%;
    justify-content:center;
    text-align:center;
  }
  .whatsapp-float,.whatsapp-floating,.floating-whatsapp,.vge-whatsapp-float{
    right:var(--vge-safe-edge)!important;
    bottom:calc(var(--vge-safe-edge) + env(safe-area-inset-bottom))!important;
    max-width:calc(100vw - 32px);
  }
  .lp-sticky-cta,.mobile-sticky-cta,.sticky-cta{
    bottom:calc(10px + env(safe-area-inset-bottom));
  }
}

@media (min-width: 921px) and (max-width: 1180px){
  .main-nav,.desktop-nav,.nav-links,.lp-nav-links{
    gap:.45rem;
  }
  .main-nav a,.desktop-nav a,.nav-links a,.lp-nav-links a{
    font-size:.92rem;
  }
  .header-cta,.apply-now,.nav-cta,.lp-cta{
    padding-inline:.9rem;
  }
}