/**
 * VillaVerde Agent Widget - widget lien he noi.
 *
 * Truoc v1.4.0 toan bo khoi nay in inline trong `wp_footer` tren MOI trang co
 * widget: ~4,5KB moi lan tai, trinh duyet khong cache duoc va WP Rocket cung
 * khong toi uu duoc inline style. Tach ra day de nap mot lan roi dung cache.
 */

.vv-agent-widget{position:fixed;right:16px;bottom:86px;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.vv-agent-widget__toggle{position:relative;display:flex;align-items:center;height:56px;padding:0 !important;border:none !important;border-radius:28px !important;background:transparent !important;box-shadow:none !important;cursor:pointer;overflow:visible;}
.vv-agent-widget__avatar{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.28);animation:vv-wave 6s ease-in-out infinite;}
@keyframes vv-wave{0%,85%,100%{transform:rotate(0deg);}88%{transform:rotate(-6deg);}91%{transform:rotate(5deg);}94%{transform:rotate(-3deg);}97%{transform:rotate(0deg);}}
.vv-agent-widget__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;}
.vv-agent-widget__pulse{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 0 rgba(40,86,63,.55);animation:vv-pulse 2.6s ease-out infinite;pointer-events:none;}
@keyframes vv-pulse{0%{box-shadow:0 0 0 0 rgba(40,86,63,.5);}100%{box-shadow:0 0 0 12px rgba(40,86,63,0);}}
.vv-agent-widget__status-dot{position:absolute;bottom:2px;right:2px;z-index:3;width:14px;height:14px;border-radius:50%;background:#9ca3af;border:2px solid #fff;}
.vv-agent-widget__status-dot.is-online{background:#22c55e;}
.vv-agent-widget__pill-text{color:#fff;font-size:14px;font-weight:700;white-space:nowrap;max-width:0;overflow:hidden;opacity:0;margin-left:0;padding:10px 0;border-radius:20px;transition:max-width .3s ease,opacity .3s ease,margin .3s ease,padding .3s ease;}
.vv-agent-widget__toggle:hover .vv-agent-widget__pill-text{max-width:160px;opacity:1;margin-left:8px;margin-right:14px;padding:10px 16px 10px 20px;background:linear-gradient(135deg,#1a3c2e,#28563f);border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.22);}
.vv-agent-widget__panel{display:none;position:absolute;right:0;bottom:68px;width:270px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 34px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.5);}
.vv-agent-widget.is-open .vv-agent-widget__panel{display:block;animation:vv-panel-in .18s ease-out;}
@keyframes vv-panel-in{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.vv-agent-widget__header{display:flex;align-items:center;gap:10px;padding:14px;background:rgba(26,60,46,.06);position:relative;}
.vv-agent-widget__header img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.vv-agent-widget__header strong{display:block;font-size:14px;color:#1a3c2e;}
.vv-agent-widget__status{display:flex;align-items:center;gap:5px;font-size:12px;color:#777;}
.vv-agent-widget__status i{width:7px;height:7px;border-radius:50%;background:#9ca3af;display:inline-block;}
.vv-agent-widget__status.is-online i{background:#22c55e;}
.vv-agent-widget__close{position:absolute;top:8px;right:8px;width:22px !important;height:22px !important;min-width:0 !important;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.06) !important;border:none !important;border-radius:50% !important;padding:0 !important;font-size:14px;line-height:1 !important;cursor:pointer;color:#555 !important;}
.vv-agent-widget__close:hover{background:rgba(0,0,0,.12) !important;}
.vv-agent-widget__actions{display:flex;flex-direction:column;padding:10px;gap:8px;}
.vv-btn{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 10px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;color:#fff;flex:1;transition:transform .12s ease;}
.vv-btn:hover{transform:translateY(-1px);}
.vv-btn--zalo{background:#0068ff;}
.vv-btn--whatsapp{background:#25d366;}
.vv-btn--call{background:#1a3c2e;}
.vv-btn--email{background:#555;}
.vv-btn-row{display:flex;gap:6px;}
.vv-btn-copy{flex-shrink:0;width:38px !important;min-width:0 !important;height:auto !important;border:1px solid #d8dbd9 !important;border-radius:10px !important;background:#f5f6f5 !important;color:#1a3c2e !important;font-size:15px;padding:0 !important;line-height:1 !important;cursor:pointer;}
.vv-btn-copy:hover{background:#eceeec !important;}
.vv-btn-copy.is-copied{background:#22c55e !important;color:#fff !important;border-color:#22c55e !important;}
@media (max-width:600px){
	.vv-agent-widget{right:10px;bottom:10px;}
	.vv-agent-widget__panel{right:0;width:250px;}
}

/*
 * v1.4.0: tên và ảnh trong panel dẫn sang trang hồ sơ agent.
 *
 * Thẻ <a> bọc quanh <strong> nên phải gỡ gạch chân và ép màu — theme
 * RealHomes đặt màu link toàn site, để nguyên thì tên môi giới đổi sang màu
 * link, trông như một dòng chữ lạc giữa panel.
 */
.vv-agent-widget__name{text-decoration:none !important;color:inherit !important;box-shadow:none !important;}
.vv-agent-widget__name > strong{color:#1a3c2e;transition:color .15s ease;}
.vv-agent-widget__name:hover > strong{color:#2f7d5a;text-decoration:underline;}
.vv-agent-widget__avatar-link{display:block;flex-shrink:0;line-height:0;box-shadow:none !important;}