/* PhongVT Button Contact Pro - Trường Phong / Thememoi.vn */
.pvbc-pc-box{position:fixed;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:99999}
.pvbc-pc-item{width:46px;height:46px;min-width:46px;min-height:46px;padding:0;margin:0;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.2);text-decoration:none;border:0!important;cursor:pointer;position:relative;transition:.22s;color:#fff;line-height:1;-webkit-appearance:none;appearance:none;overflow:visible}
.pvbc-pc-item img{width:27px;height:27px;object-fit:contain;display:block;border-radius:50%;margin:0!important;padding:0!important;max-width:27px!important;max-height:27px!important}
.pvbc-pc-item span{position:absolute;right:56px;top:50%;transform:translateY(-50%);background:#fff;color:#333;padding:8px 13px;border-radius:18px;box-shadow:0 3px 12px rgba(0,0,0,.12);font-weight:600;font-size:13px;white-space:nowrap;opacity:0;visibility:hidden;transition:.22s;line-height:1.2}
.pvbc-pc-item:hover{transform:translateY(-2px) scale(1.04);filter:brightness(.98)}
.pvbc-pc-item:hover span{opacity:1;visibility:visible;right:60px}
.pvbc-pc-call{animation:pvbc-shake .7s infinite}.pvbc-pc-top{display:none}.pvbc-pc-top.show{display:flex}
@keyframes pvbc-shake{0%,100%{transform:rotate(0)}20%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-8deg)}}
@media(max-width:850px){.pvbc-pc-box{display:none!important}}



/* ===== Mobile bar đúng mẫu cũ: 5 icon uốn lượn ===== */
#pvbc-mobile-outer{
  position:fixed;
  width:100%;
  z-index:999999!important;
  bottom:0;
  left:0;
  right:0;
  display:none;
}
#pvbc-mobile-bar{
  border-bottom:15px solid #fff;
  display:flex;
  max-width:1200px;
  margin:auto;
  position:relative;
  padding-top:5px;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  height:auto!important;
  border-radius:0!important;
}
#pvbc-mobile-bar:before{display:none!important;content:none!important;}
#pvbc-mobile-bar:after{
  content:"";
  position:absolute;
  pointer-events:none;
  background-image:url(https://themewpgiare.com/wp-content/uploads/2025/01/mb-footer-bg.svg);
  background-color:unset;
  background-position:center top;
  background-repeat:no-repeat;
  background-size:100%;
  box-shadow:unset;
  height:65px;
  width:100%;
  margin-left:0;
  margin-bottom:0;
  left:0;
  bottom:0;
  z-index:-1;
}
.pvbc-mb-item,
#pvbc-mobile-center{
  position:relative;
  display:block;
  flex:1 1 0;
  text-align:center;
  padding:11px 0 0 0;
  color:#313131!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  height:auto!important;
  line-height:1.2;
  box-sizing:border-box;
  overflow:visible!important;
}
.pvbc-mb-item > span,
#pvbc-mobile-center > span{display:block;}
.pvbc-mb-item img{
  height:30px!important;
  width:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  border-radius:50%;
  display:block;
  margin:0 auto!important;
  object-fit:cover;
}
.pvbc-mb-label{
  padding:0 2px;
  font-size:11px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:bold;
  line-height:1.2;
  color:#313131!important;
  display:block;
}
#pvbc-mobile-center{background:transparent!important;}
#pvbc-mobile-center .pvbc-mb-label{
  position:absolute;
  left:50%;
  bottom:2px;
  transform:translateX(-50%);
  padding:0;
  overflow:visible;
}
#pvbc-mobile-center .pvbc-mb-label > span{
  padding:0 8px;
  background-image:linear-gradient(92.83deg,#0E68C8 0,#02A4A5 100%);
  border-radius:30px;
  color:#fff;
  display:inline-block;
  font-size:11px;
  line-height:1.2;
  white-space:nowrap;
}
.pvbc-center-icon{
  left:50%;
  position:absolute!important;
  transform:translateX(-50%);
  background-image:linear-gradient(92.83deg,#f90000 0,#950099 100%);
  width:50px;
  height:50px;
  border-radius:50%;
  top:-28px;
  text-align:center;
  box-shadow:rgb(0 0 0 / 15%) 0 -3px 10px 0;
  border:2px solid #fff;
  box-sizing:border-box;
  display:block!important;
}
.pvbc-center-icon img{
  max-width:20px!important;
  width:20px!important;
  height:auto!important;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border-radius:0!important;
  display:block;
  margin:0!important;
}
.pvbc-phone-wave{
  width:50px;
  height:50px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  box-shadow:0 0 0 0 #0E68C8;
  border:2px solid transparent;
  transition:all .5s;
  animation:pvbc-zoom 1.3s infinite;
  display:block!important;
}
@keyframes pvbc-zoom{70%{box-shadow:0 0 0 15px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media only screen and (max-width:850px){
  body{padding-bottom:72px!important;}
  #pvbc-mobile-outer{display:block;}
  #pvbc-mobile-bar{width:100%;}
}
