/* VIE Main Menu — biến mục cấp 1 có nhãn “ỨNG DỤNG” thành nút 9 chấm trên PC.
   Mobile giữ nguyên chữ ỨNG DỤNG để dễ hiểu và dễ bấm. */
@media (min-width:850px){
  .header-wrapper .vie-apps-menu{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:30!important}
  .header-wrapper .vie-apps-menu>a{
    position:relative!important;overflow:hidden!important;
    width:42px!important;height:42px!important;min-width:42px!important;
    padding:0!important;margin:0 0 0 6px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid #d9e2ef!important;border-radius:10px!important;
    background:#fff!important;color:transparent!important;font-size:0!important;line-height:1!important;
    text-indent:-9999px!important;white-space:nowrap!important;
    box-shadow:0 1px 3px rgba(0,51,153,.08)!important;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
  }
  .header-wrapper .vie-apps-menu>a:before{
    content:""!important;display:block!important;
    width:18px!important;height:18px!important;
    position:absolute!important;top:50%!important;left:50%!important;
    transform:translate(-50%,-50%)!important;
    background-image:radial-gradient(circle,#0753b7 2.05px,transparent 2.35px)!important;
    background-size:6px 6px!important;background-position:center center!important;background-repeat:repeat!important;
    opacity:1!important;pointer-events:none!important;
  }
  .header-wrapper .vie-apps-menu>a:after{display:none!important;content:none!important}
  .header-wrapper .vie-apps-menu>a>i,.header-wrapper .vie-apps-menu>a>.icon-angle-down,.header-wrapper .vie-apps-menu>.menu-item-toggle{display:none!important}
  .header-wrapper .vie-apps-menu:hover>a,.header-wrapper .vie-apps-menu>a:focus-visible,.header-wrapper .vie-apps-menu.current-menu-item>a,.header-wrapper .vie-apps-menu.current-menu-ancestor>a{
    border-color:#0753b7!important;box-shadow:0 4px 12px rgba(0,51,153,.16)!important;transform:translateY(-1px)!important;
  }

  /* Kéo menu xổ xuống dưới, ưu tiên bung sang trái để không đè lên menu bên cạnh. */
  .header-wrapper .vie-apps-menu>.sub-menu,
  .header-wrapper .vie-apps-menu>.nav-dropdown,
  .header-wrapper .vie-apps-menu>ul.sub-menu,
  .header-wrapper .vie-apps-menu>ul.nav-dropdown{
    top:calc(100% + 10px)!important;
    left:auto!important;
    right:0!important;
    margin-top:0!important;
    z-index:9999!important;
  }
  .header-wrapper .vie-apps-menu>.sub-menu:before,
  .header-wrapper .vie-apps-menu>.nav-dropdown:before,
  .header-wrapper .vie-apps-menu>ul.sub-menu:before,
  .header-wrapper .vie-apps-menu>ul.nav-dropdown:before{
    content:""!important;
    position:absolute!important;
    top:-10px!important;left:0!important;right:0!important;height:10px!important;
    display:block!important;
  }
  .header-wrapper .vie-apps-menu:hover,
  .header-wrapper .vie-apps-menu:focus-within{z-index:9999!important}
}


/* 1.1.42 — vô hiệu CSS di sản đang biến menu-item-3938 (BÁO GIÁ) thành CTA mobile.
   Trả BÁO GIÁ về đúng vị trí/kiểu của menu mobile; CTA BÁO GIÁ TỰ ĐỘNG riêng vẫn giữ nguyên. */
@media (max-width:849px){
  #main-menu .nav-sidebar > .menu-item-3938{
    position:static!important;
    order:initial!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
  }
  #main-menu .nav-sidebar > .menu-item-3938 > a{
    min-height:48px!important;
    height:auto!important;
    padding:14px 14px 13px 46px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:inherit!important;
    font-size:15px!important;
    font-weight:600!important;
    text-transform:none!important;
    line-height:1.25!important;
    transform:none!important;
  }
}


/* 1.1.48 — ỨNG DỤNG hoạt động như menu header chuẩn: hover mở, rời đóng.
   Nền dropdown trắng rõ ràng, vạch nhận diện đỏ/xanh ở mép trên; loại bỏ toàn bộ rule click-only cũ gây nền trong suốt. */
@media (min-width:850px){
  .header-wrapper .vie-apps-menu > .sub-menu,
  .header-wrapper .vie-apps-menu > .nav-dropdown,
  .header-wrapper .vie-apps-menu > ul.sub-menu,
  .header-wrapper .vie-apps-menu > ul.nav-dropdown{
    top:100%!important;
    left:auto!important;
    right:0!important;
    margin-top:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    /* Nền trắng thật + vạch đỏ/xanh, tách thuộc tính để không bị Flatsome/legacy ghi đè shorthand. */
    background-color:#fff!important;
    background-image:linear-gradient(90deg,#e31e24 0 50%,#0753b7 50% 100%)!important;
    background-size:100% 3px!important;
    background-repeat:no-repeat!important;
    background-position:top left!important;
    box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
    border:1px solid #e4e9f1!important;
    border-top:0!important;
    border-radius:0 0 10px 10px!important;
  }

  /* Đóng hoàn toàn khi không hover/focus: visibility + opacity ẩn cả nền, viền và shadow. */
  .header-wrapper .vie-apps-menu:not(:hover):not(:focus-within) > .sub-menu,
  .header-wrapper .vie-apps-menu:not(:hover):not(:focus-within) > .nav-dropdown,
  .header-wrapper .vie-apps-menu:not(:hover):not(:focus-within) > ul.sub-menu,
  .header-wrapper .vie-apps-menu:not(:hover):not(:focus-within) > ul.nav-dropdown{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:none!important;
  }

  /* Rê chuột/focus mở ngay, giống các mục có dropdown của Flatsome. */
  .header-wrapper .vie-apps-menu:hover > .sub-menu,
  .header-wrapper .vie-apps-menu:hover > .nav-dropdown,
  .header-wrapper .vie-apps-menu:hover > ul.sub-menu,
  .header-wrapper .vie-apps-menu:hover > ul.nav-dropdown,
  .header-wrapper .vie-apps-menu:focus-within > .sub-menu,
  .header-wrapper .vie-apps-menu:focus-within > .nav-dropdown,
  .header-wrapper .vie-apps-menu:focus-within > ul.sub-menu,
  .header-wrapper .vie-apps-menu:focus-within > ul.nav-dropdown{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    height:auto!important;
    overflow:visible!important;
    transform:none!important;
  }

  /* Không dùng pseudo bridge/arrow của dropdown riêng này để tránh thanh treo khi rê qua lại. */
  .header-wrapper .vie-apps-menu > .sub-menu::before,
  .header-wrapper .vie-apps-menu > .sub-menu::after,
  .header-wrapper .vie-apps-menu > .nav-dropdown::before,
  .header-wrapper .vie-apps-menu > .nav-dropdown::after,
  .header-wrapper .vie-apps-menu > ul.sub-menu::before,
  .header-wrapper .vie-apps-menu > ul.sub-menu::after,
  .header-wrapper .vie-apps-menu > ul.nav-dropdown::before,
  .header-wrapper .vie-apps-menu > ul.nav-dropdown::after{
    content:none!important;
    display:none!important;
  }
}

/* 2.0.0 — Khóa hình học dropdown ỨNG DỤNG để item hover không thò ra ngoài khung.
   Giữ nguyên cơ chế hover/focus của 1.1.48 và nền trắng + vạch đỏ/xanh. */
@media (min-width:850px){
  .header-wrapper .vie-apps-menu > .sub-menu,
  .header-wrapper .vie-apps-menu > .nav-dropdown,
  .header-wrapper .vie-apps-menu > ul.sub-menu,
  .header-wrapper .vie-apps-menu > ul.nav-dropdown{
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .header-wrapper .vie-apps-menu > .sub-menu > li,
  .header-wrapper .vie-apps-menu > .nav-dropdown > li,
  .header-wrapper .vie-apps-menu > ul.sub-menu > li,
  .header-wrapper .vie-apps-menu > ul.nav-dropdown > li{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .header-wrapper .vie-apps-menu > .sub-menu > li > a,
  .header-wrapper .vie-apps-menu > .nav-dropdown > li > a,
  .header-wrapper .vie-apps-menu > ul.sub-menu > li > a,
  .header-wrapper .vie-apps-menu > ul.nav-dropdown > li > a{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
  }
}