.tcwa-wrap{position:fixed;z-index:999999;bottom:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.tcwa-right{right:24px}.tcwa-left{left:24px}
.tcwa-panel{position:absolute;bottom:78px;width:min(380px,calc(100vw - 32px));background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.18);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transition:.22s ease}
.tcwa-right .tcwa-panel{right:0}.tcwa-left .tcwa-panel{left:0}
.tcwa-panel.tcwa-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.tcwa-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:2}
.tcwa-header{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,var(--tcwa-header),var(--tcwa-green));color:#fff;padding:24px 48px 24px 22px}
.tcwa-header-icon{width:42px;min-width:42px}.tcwa-header-icon svg{width:42px;height:42px}
.tcwa-title{font-size:21px;font-weight:800;line-height:1.2;margin-bottom:5px}
.tcwa-subtitle{font-size:14px;line-height:1.5;opacity:.96}
.tcwa-body{padding:18px}
.tcwa-reply{font-size:13px;color:#7a8699;margin:0 0 14px 4px}
.tcwa-agent{display:flex;align-items:center;gap:12px;text-decoration:none;background:#f5f7f9;border-left:3px solid var(--tcwa-green);padding:14px;border-radius:12px;color:#111827;transition:.18s ease}
.tcwa-agent:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,0,0,.08)}
.tcwa-avatar{position:relative;width:54px;height:54px;min-width:54px;border-radius:50%;overflow:visible}
.tcwa-avatar img,.tcwa-avatar-fallback{width:54px;height:54px;border-radius:50%;object-fit:cover}
.tcwa-avatar-fallback{display:grid;place-items:center;background:#111827;color:#fff;font-weight:800}
.tcwa-online{position:absolute;right:-1px;bottom:1px;width:13px;height:13px;border-radius:50%;background:var(--tcwa-green);border:2px solid #fff}
.tcwa-agent-copy{min-width:0;flex:1}
.tcwa-agent-name{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tcwa-agent-text{font-size:13px;color:#6b7280;margin-top:3px}
.tcwa-status{font-size:12px;color:var(--tcwa-green);font-weight:600;margin-top:4px}
.tcwa-agent-icon{color:var(--tcwa-green);width:28px}.tcwa-agent-icon svg{width:28px;height:28px}
.tcwa-cta{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--tcwa-green);color:#fff!important;text-decoration:none!important;border-radius:999px;padding:14px 18px;font-size:16px;font-weight:800;box-shadow:0 8px 20px color-mix(in srgb,var(--tcwa-green) 30%,transparent)}
.tcwa-cta-icon{width:24px;height:24px}.tcwa-arrow{font-size:21px;margin-left:4px}
.tcwa-fab{width:62px;height:62px;border:0;border-radius:50%;background:var(--tcwa-green);color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.22);position:relative;transition:.2s ease}
.tcwa-fab:hover{transform:translateY(-2px)}
.tcwa-fab svg{width:34px;height:34px}.tcwa-fab-close{display:none;font-size:34px;line-height:1}
.tcwa-fab.tcwa-active .tcwa-fab-open{display:none}.tcwa-fab.tcwa-active .tcwa-fab-close{display:block}
.tcwa-pulse{position:absolute;inset:-5px;border:2px solid var(--tcwa-green);border-radius:50%;animation:tcwaPulse 2s infinite;pointer-events:none}
.tcwa-fab.tcwa-active .tcwa-pulse{display:none}
@keyframes tcwaPulse{0%{transform:scale(.92);opacity:.75}70%{transform:scale(1.22);opacity:0}100%{opacity:0}}
@media (max-width:767px){
  .tcwa-wrap{bottom:18px}.tcwa-right{right:16px}.tcwa-left{left:16px}
  .tcwa-panel{bottom:72px;width:min(360px,calc(100vw - 32px))}
  .tcwa-header{padding:20px 44px 20px 18px}.tcwa-title{font-size:19px}.tcwa-fab{width:58px;height:58px}
  .tcwa-hide-mobile{display:none!important}
}
@media (min-width:768px){.tcwa-hide-desktop{display:none!important}}


/* Kinfolk editorial treatment for WhatsApp widget — visual only. */
.tcwa-wrap{
  --tcwa-green:#896f5a !important;
  --tcwa-header:#ebe7df !important;
  font-family:Arial,Helvetica,sans-serif !important;
}
.tcwa-panel{
  width:min(380px,calc(100vw - 32px)) !important;
  border:1px solid #d8d3c9 !important;
  border-radius:0 !important;
  background:#f6f4ef !important;
  box-shadow:0 18px 45px rgba(41,40,36,.15) !important;
}
.tcwa-header{
  align-items:flex-start !important;
  gap:14px !important;
  padding:22px 48px 22px 22px !important;
  border-bottom:1px solid #d8d3c9 !important;
  color:#292824 !important;
  background:#ebe7df !important;
}
.tcwa-header-icon{width:38px !important;min-width:38px !important;color:#896f5a !important}
.tcwa-header-icon svg{width:38px !important;height:38px !important}
.tcwa-title{margin-bottom:5px !important;font-family:Georgia,'Times New Roman',serif !important;font-size:22px !important;font-weight:400 !important;letter-spacing:-.035em !important}
.tcwa-subtitle{color:#77736b !important;font-size:12px !important;line-height:1.55 !important}
.tcwa-close{top:12px !important;right:15px !important;color:#292824 !important;font-size:28px !important}
.tcwa-body{padding:20px !important;background:#f6f4ef !important}
.tcwa-reply{margin:0 0 16px 0 !important;color:#77736b !important;font-family:Georgia,'Times New Roman',serif !important;font-size:13px !important;font-style:italic !important}
.tcwa-agent{
  align-items:center !important;
  gap:12px !important;
  padding:14px 0 !important;
  border:0 !important;
  border-top:1px solid #d8d3c9 !important;
  border-bottom:1px solid #d8d3c9 !important;
  border-radius:0 !important;
  color:#292824 !important;
  background:transparent !important;
}
.tcwa-agent:hover{transform:none !important;box-shadow:none !important;color:#896f5a !important}
.tcwa-avatar{width:48px !important;height:48px !important;min-width:48px !important}
.tcwa-avatar img,.tcwa-avatar-fallback{width:48px !important;height:48px !important}
.tcwa-online{width:11px !important;height:11px !important;border-color:#f6f4ef !important;background:#896f5a !important}
.tcwa-agent-name{font-family:Georgia,'Times New Roman',serif !important;font-size:17px !important;font-weight:400 !important}
.tcwa-agent-text{margin-top:4px !important;color:#77736b !important;font-size:12px !important}
.tcwa-status{margin-top:5px !important;color:#896f5a !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.6px !important;text-transform:uppercase}
.tcwa-agent-icon{width:24px !important;color:#896f5a !important}
.tcwa-agent-icon svg{width:24px !important;height:24px !important}
.tcwa-cta{
  margin-top:16px !important;
  gap:10px !important;
  padding:13px 16px !important;
  border:1px solid #292824 !important;
  border-radius:0 !important;
  color:#f6f4ef !important;
  background:#292824 !important;
  box-shadow:none !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
}
.tcwa-cta:hover{color:#fff !important;background:#896f5a !important}
.tcwa-cta-icon{width:20px !important;height:20px !important}
.tcwa-arrow{font-size:18px !important}
.tcwa-fab{
  width:58px !important;
  height:58px !important;
  border:1px solid #292824 !important;
  border-radius:50% !important;
  color:#f6f4ef !important;
  background:#896f5a !important;
  box-shadow:0 8px 22px rgba(41,40,36,.18) !important;
}
.tcwa-fab:hover{transform:translateY(-2px) !important;background:#292824 !important}
.tcwa-fab svg{width:30px !important;height:30px !important}
.tcwa-pulse{display:none !important}
.tcwa-fab-close{font-size:30px !important}
@media (max-width:767px){
  .tcwa-wrap{bottom:18px !important}
  .tcwa-left{left:16px !important}
  .tcwa-panel{bottom:72px !important;width:min(360px,calc(100vw - 32px)) !important}
  .tcwa-header{padding:20px 44px 20px 18px !important}
  .tcwa-title{font-size:20px !important}
  .tcwa-fab{width:56px !important;height:56px !important}
}

/* Keep checkout focused on the order summary. */
body.woocommerce-checkout .tcwa-wrap{display:none !important;}
