/* frontend-style.css */
.cwp-contact-widget{position:fixed;top:50%;transform:translateY(-50%);z-index:9999}
.cwp-contact-list{list-style:none;background: rgba(0, 0, 0, 0.5) !important;border-radius:var(--cwp-radius,50px);padding:10px 0;box-shadow:3px 0 15px rgba(0,0,0,0.2);margin-left:20px}
.cwp-contact-item{position:relative;margin:5px 0}
.cwp-contact-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;text-decoration:none;transition:all .3s ease;position:relative;background:transparent;border-radius:50%}
.cwp-contact-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--cwp-icon, #fff);transition:transform .3s ease}
.cwp-contact-item:hover .cwp-contact-icon{transform:scale(1.1)}
.cwp-contact-tooltip{position:absolute;left:60px;top:50%;transform:translateY(-50%);background:var(--cwp-tt-bg,#333);padding:8px 15px;border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;font-size:13px;pointer-events:none}
.cwp-contact-tooltip a {color: #ffffff;font-size: 16px;}
.cwp-contact-tooltip:after{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--cwp-tt-bg,#333)}
.cwp-contact-item:hover .cwp-contact-tooltip{opacity:1;visibility:visible;left:65px}
.cwp-wechat-tooltip{padding:10px;text-align:center;background:#fff;border:2px solid #ddd}
.cwp-wechat-tooltip img{width:120px;height:120px;display:block;margin-bottom:5px;max-width: fit-content;}
.cwp-wechat-tooltip span{color:#333;font-size:12px}
.cwp-back-to-top .cwp-contact-link{background:#1e73be;border-radius:50%;width:40px;height:40px;margin:10px auto 5px}
.cwp-back-to-top:hover .cwp-contact-link{background:#155a94}
.icon-phone:before{content: "\e6c3" !important;font-family: "block-icon";}
.icon-mobile:before{content: "\e6e9";font-family: "block-icon";}
.icon-whatsapp:before{content: "\e6c2" !important;font-family: "block-icon";}
.icon-telegram:before{content: "\e95d" !important;font-family: "block-icon";}
.icon-wechat:before{content: "\e6c5";font-family: "block-icon";}
.icon-email:before{content: "\e6c6";font-family: "block-icon";font-size: 20px;}
.icon-arrow-up:before{content: "\e6ee";font-family: "block-icon";font-size: 20px;}
@media(max-width:768px){
  .cwp-contact-list{border-radius: 30px;padding: 0;display: flex;justify-content: space-around;margin-left: unset}
  .cwp-contact-widget{bottom: 0;width: 100%;left: 0;top: auto;transform: unset;}
  li#cwpBackToTop {display: none !important;}
  .cwp-contact-link{display: contents;width:45px;height:45px}
  .cwp-contact-icon{width:30px;height:30px;font-size:20px}
  .cwp-wechat-tooltip img{width:100px;height:100px}
  
  /* Tooltip hiển thị ở trên trong mobile */
  .cwp-contact-tooltip{
    left: 50% !important;
    top: auto;
    bottom: 60px;
    transform: translateX(-50%);
    white-space: normal;
    max-width: 200px;
    text-align: center;
  }
  
  /* Arrow tooltip chỉ xuống */
  .cwp-contact-tooltip:after{
    left: 50% !important;
    top: auto;
    bottom: -8px;
    transform: translateX(-50%);
    border-right-color: transparent;
    border-top-color: var(--cwp-tt-bg,#333);
  }
  
  /* Hover state */
  .cwp-contact-item:hover .cwp-contact-tooltip{
    left: 50% !important;
    bottom: 60px;
  }
  
  /* QR tooltip arrow */
  .cwp-wechat-tooltip:after{
    border-right-color: transparent !important;
    border-top-color: #fff;
  }
}