/*
 * Vhanja Constructions Limited - Public Website V4
 * Production quality / conversion / accessibility layer.
 * Public website only. ERP/Admin/API/Database untouched.
 */

:root{
  --vg-v4-safe-bottom:max(16px,env(safe-area-inset-bottom));
  --vg-v4-focus:#0b5cff;
}

html{scroll-behavior:smooth}
body{overflow-wrap:anywhere}
img,video{max-width:100%}
img{font-style:italic}

.vg-skip-link{
  position:fixed;left:12px;top:12px;z-index:99999;
  transform:translateY(-160%);
  background:#fff;color:#071a3d;border:2px solid #0b5cff;
  border-radius:12px;padding:10px 14px;font-weight:800;text-decoration:none;
  box-shadow:0 12px 32px rgba(15,23,42,.2)
}
.vg-skip-link:focus{transform:none}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--vg-v4-focus)!important;
  outline-offset:3px!important;
}

.vg-site main{min-width:0}
.vg-site main:first-of-type{scroll-margin-top:110px}
.vg-site section{content-visibility:auto;contain-intrinsic-size:1px 620px}
.vg-site header,.vg-site nav,.vg-site footer,.vg-site .vg-project-hero{content-visibility:visible}

.vg-floating-actions,
.vg-ai-launch{
  transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease
}
.vg-floating-actions a{min-width:48px;min-height:48px}
.vg-ai-launch{min-height:48px}

.vg-enquiry-form input,
.vg-enquiry-form select,
.vg-enquiry-form textarea{
  width:100%;min-width:0
}
.vg-enquiry-form button[type="submit"]{min-height:48px}

.vg-v4-form-status{
  margin:12px 0 0;padding:10px 12px;border-radius:12px;
  background:#eef7ff;color:#123657;font-size:.92rem
}

@media(max-width:767.98px){
  .vg-site section{contain-intrinsic-size:1px 760px}
  .vg-floating-actions{
    right:12px!important;
    bottom:calc(78px + var(--vg-v4-safe-bottom))!important
  }
  .vg-ai-launch{
    left:12px!important;right:auto!important;
    bottom:var(--vg-v4-safe-bottom)!important;
    max-width:calc(100vw - 92px)!important
  }
  .vg-ai-launch span{display:none}
  .vg-ai-launch{width:54px!important;height:54px!important;padding:0!important;justify-content:center!important;border-radius:50%!important}
  .vg-ai-panel{
    left:10px!important;right:10px!important;
    bottom:calc(68px + var(--vg-v4-safe-bottom))!important;
    width:auto!important;max-width:none!important;
    max-height:min(72dvh,620px)!important
  }
  .vg-enquiry-form{width:100%;max-width:100%}
}

@media(max-width:359.98px){
  .vg-floating-actions a{width:44px!important;height:44px!important;min-width:44px;min-height:44px}
  .vg-ai-launch{width:50px!important;height:50px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important
  }
}

@media(prefers-contrast:more){
  .vg-site a{text-decoration-thickness:2px}
  .vg-site button,.vg-site .btn{border-width:2px}
}