/* ============================================================
   Call By Vinasite.com.vn — nút liên hệ nổi (site-wide)
   ============================================================ */
.cbv-float{
  position:fixed;right:18px;bottom:22px;z-index:9000;
  display:flex;flex-direction:column;align-items:center;
  gap:18px;                 /* khoảng cách đều giữa các nút */
}
.cbv-float > a{
  width:52px;height:52px;flex:0 0 52px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;text-decoration:none;
  box-shadow:0 6px 20px rgba(13,26,51,.28);
  transition:transform .18s ease;
}
.cbv-float > a:hover{transform:scale(1.1);animation:none !important}
.cbv-float > a > svg{width:24px;height:24px;display:block}
/* nền + hiệu ứng rung (lắc) lệch pha cho từng nút */
.cbv-float .call{background:#16a34a;animation:cbvpulse 2s infinite, cbvshake 2.6s ease-in-out .2s infinite}
.cbv-float .zalo{background:#0068ff;animation:cbvshake 2.6s ease-in-out .5s infinite}
.cbv-float .zalo .cbv-zalo-ico{width:40px;height:auto;display:block}
.cbv-float .mail{background:#ff6a00;animation:cbvshake 2.6s ease-in-out .8s infinite}
.cbv-float .map{background:#14294d;animation:cbvshake 2.6s ease-in-out 1.1s infinite}
.cbv-float .top{background:#0f2145}
@keyframes cbvpulse{
  0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}
  70%{box-shadow:0 0 0 13px rgba(22,163,74,0)}
  100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}
}
/* lắc mạnh, dao động tắt dần mượt (kiểu chuông điện thoại) rồi nghỉ */
@keyframes cbvshake{
  0%{transform:rotate(0)}
  4%{transform:rotate(-24deg)}
  8%{transform:rotate(20deg)}
  12%{transform:rotate(-17deg)}
  16%{transform:rotate(14deg)}
  20%{transform:rotate(-10deg)}
  24%{transform:rotate(7deg)}
  28%{transform:rotate(-4deg)}
  32%{transform:rotate(2deg)}
  36%{transform:rotate(0)}
  100%{transform:rotate(0)}
}
@media (prefers-reduced-motion:reduce){.cbv-float > a{animation:none !important}}

/* ẩn nút back-to-top mặc định của Flatsome (tránh trùng 2 nút) */
#top-link{display:none !important}

/* ===== Thanh liên hệ mobile ===== */
.cbv-bar{display:none}
@media (max-width:849px){
  .cbv-float{bottom:70px;right:12px;gap:12px}
  .cbv-float > a{width:46px;height:46px;flex:0 0 46px}
  .cbv-float .zalo .cbv-zalo-ico{width:34px}

  .cbv-bar{
    position:fixed;left:0;right:0;bottom:0;z-index:9001;
    display:grid;grid-template-columns:repeat(3,1fr);
    background:#fff;border-top:1px solid #e2e8f2;
    box-shadow:0 -4px 20px rgba(0,0,0,.12);
  }
  .cbv-bar a{
    display:flex;flex-direction:column;align-items:center;gap:3px;
    padding:9px 4px;font-size:11.5px;font-weight:700;color:#0e1726;text-decoration:none;
  }
  .cbv-bar a svg{width:22px;height:22px}
  .cbv-bar a.call{color:#16a34a}
  .cbv-bar a.zalo{color:#0068ff}
  .cbv-bar a.quote{color:#ff6a00}
  .cbv-bar a + a{border-left:1px solid #e2e8f2}
  body{padding-bottom:56px}
}