:root{--wfc-theme:#0B8F76;--wfc-shadow:0 18px 50px rgba(0,0,0,.28);--wfc-radius:18px;--wfc-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}

.wfc-root{position:fixed;z-index:999999;font-family:var(--wfc-font);bottom:0;}
.wfc-root.wfc-right{right:0}
.wfc-root.wfc-left{left:0}

.wfc-panel{position:fixed;bottom:0;transform:translateY(12px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease; width:340px;max-width:calc(100vw - 24px);border-radius:var(--wfc-radius);overflow:hidden;box-shadow:var(--wfc-shadow);background:#fff}
.wfc-panel.wfc-open{opacity:1;transform:translateY(0);pointer-events:auto}

.wfc-header{background:var(--wfc-theme);color:#fff;padding:14px 14px 12px;display:flex;align-items:flex-start;gap:10px}
.wfc-header-text{flex:1;min-width:0}
.wfc-title{font-weight:800;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wfc-subtitle{font-size:13px;opacity:.9;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wfc-close{appearance:none;border:none;background:transparent;color:#eafff7;font-size:22px;line-height:1;cursor:pointer;padding:0 4px;opacity:.9}
.wfc-close:hover{opacity:1}

.wfc-body{position:relative;padding:14px 14px 16px;}

/* WhatsApp-like doodle background (light) */
.wfc-body::before{
  content:"";position:absolute;inset:0;
  background-color:#efeae2;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cg fill='%23d7d2c8' fill-opacity='.35'%3E%3Cpath d='M31 28c6 0 11 5 11 11s-5 11-11 11-11-5-11-11 5-11 11-11zm0 4a7 7 0 100 14 7 7 0 000-14z'/%3E%3Cpath d='M102 18c6 0 11 5 11 11s-5 11-11 11-11-5-11-11 5-11 11-11zm0 4a7 7 0 100 14 7 7 0 000-14z'/%3E%3Cpath d='M76 86l14 6-4 9-15-5z'/%3E%3Cpath d='M23 96c10-7 20-7 30 0-10 7-20 7-30 0z'/%3E%3Cpath d='M89 57c10-7 20-7 30 0-10 7-20 7-30 0z'/%3E%3Cpath d='M54 66c0-6 5-11 11-11s11 5 11 11-5 11-11 11-11-5-11-11zm4 0a7 7 0 1014 0 7 7 0 00-14 0z'/%3E%3Cpath d='M16 16h18v4H16z'/%3E%3Cpath d='M108 112h18v4h-18z'/%3E%3Cpath d='M60 22h4v18h-4z'/%3E%3Cpath d='M74 110h4v18h-4z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:140px 140px;
  opacity:1; 
  z-index:0;
}
.wfc-body > *{position:relative;z-index:1}

.wfc-time{font-size:12px;color:rgba(0,0,0,.35);text-align:center;margin-bottom:10px;display:none}
.wfc-root.wfc-show-time .wfc-time{display:block}

.wfc-bubble{background:#fff;border-radius:14px; padding:12px 12px;max-width:86%;box-shadow:0 3px 12px rgba(0,0,0,.10);font-size:15px;line-height:1.35;white-space:pre-line}

.wfc-cta{margin-top:14px;width:100%;border:none;border-radius:999px;background:#25D366;color:#fff;font-weight:800;font-size:16px;padding:12px 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 22px rgba(0,0,0,.16)}
.wfc-cta:hover{filter:brightness(.98)}

.wfc-wa-icon,.wfc-fab-icon,.wfc-teaser-icon{width:20px;height:20px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}
.wfc-wa-icon,.wfc-fab-icon,.wfc-teaser-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M19.11 17.47c-.22-.11-1.28-.63-1.48-.7-.2-.07-.35-.11-.5.11-.15.22-.57.7-.7.85-.13.15-.26.17-.48.06-.22-.11-.93-.34-1.77-1.08-.65-.58-1.09-1.29-1.22-1.51-.13-.22-.01-.34.1-.45.1-.1.22-.26.33-.39.11-.13.15-.22.22-.37.07-.15.03-.28-.02-.39-.05-.11-.5-1.19-.68-1.63-.18-.43-.36-.37-.5-.38h-.43c-.15 0-.39.06-.6.28-.2.22-.78.76-.78 1.85 0 1.09.8 2.15.91 2.3.11.15 1.58 2.41 3.83 3.38.54.23.96.37 1.28.47.54.17 1.03.15 1.42.09.43-.06 1.28-.52 1.46-1.02.18-.5.18-.93.13-1.02-.06-.09-.2-.15-.42-.26z'/%3E%3Cpath fill='%23ffffff' d='M26.65 5.35A13.35 13.35 0 0016.02 1C8.29 1 2 7.29 2 15.02c0 2.38.62 4.7 1.79 6.75L2 31l9.45-1.76a13.94 13.94 0 006.57 1.68h.01c7.73 0 14.02-6.29 14.02-14.02 0-3.75-1.46-7.27-4.1-9.55zm-10.63 23.2h-.01a11.64 11.64 0 01-5.93-1.63l-.42-.25-5.6 1.04 1.06-5.46-.27-.44A11.58 11.58 0 014.4 15.02C4.4 8.61 9.62 3.4 16.02 3.4c3.1 0 6.01 1.2 8.21 3.4a11.53 11.53 0 013.4 8.22c0 6.41-5.21 11.63-11.61 11.63z'/%3E%3C/svg%3E");}

.wfc-teaser{position:fixed;bottom:0;border:none;background:#fff;color:#0b8f76;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.22);padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 110px));}
.wfc-teaser-text{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wfc-teaser-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230B8F76' d='M12 3C7.03 3 3 6.58 3 11c0 2.5 1.31 4.73 3.38 6.2L6 21l3.4-1.7c.85.2 1.73.31 2.6.31 4.97 0 9-3.58 9-8s-4.03-8-9-8zm-4 9h8v2H8v-2zm0-4h8v2H8V8z'/%3E%3C/svg%3E");width:22px;height:22px}

.wfc-fab{position:fixed;bottom:0;border:none;background:#25D366;border-radius:999px;width:60px;height:60px;box-shadow:0 14px 30px rgba(0,0,0,.28);cursor:pointer;display:flex;align-items:center;justify-content:center}
.wfc-fab-icon{width:28px;height:28px}

/* Motion */
.wfc-panel{will-change:transform,opacity}

/* Responsive: hide teaser on very small screens to avoid overlap */
@media (max-width: 360px){
  .wfc-teaser{display:none}
}