/* Simple WhatsApp Chat Widget styles */
.wa-chat-btn{
  position:fixed;
  right:20px;
  bottom:20px;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#25D366;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,0.25);
  z-index:99999;
  cursor:pointer;
}
.wa-chat-btn img{width:24px;height:24px;display:block}

.wa-chat-modal{
  position:fixed;
  right:20px;
  bottom:88px;
  width:360px;
  max-width:calc(100% - 40px);
  background:linear-gradient(180deg,#0b2a1f,#09221a);
  border-radius:12px;
  box-shadow:0 20px 60px rgba(0,0,0,0.5);
  z-index:99999;
  overflow:hidden;
  color:#eafbe6;
  display:flex; flex-direction:column;
}
.wa-chat-body{height:220px; overflow:auto; padding:12px 14px;}
.wa-msg-admin{color:#c9f6d5}
.wa-msg-visitor{color:#e6ffea}
.wa-chat-header{padding:12px 14px; display:flex; align-items:center; gap:10px;}
.wa-chat-header .title{font-weight:700; font-family:Inter,system-ui,Segoe UI,Arial;}
.wa-chat-body{padding:12px 14px; font-size:14px; color:#cfeed0;}
.wa-chat-input-row{display:flex; gap:8px; padding:12px; background:rgba(0,0,0,0.04)}
.wa-chat-input{flex:1; padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,0.06); background:transparent; color:inherit; outline:none;}
.wa-chat-send{background:#128C7E; color:#fff; border:none; padding:10px 12px; border-radius:10px; cursor:pointer}
.wa-chat-close{margin-left:auto; background:transparent; border:none; color:inherit; cursor:pointer}

@media(max-width:480px){
  .wa-chat-modal{right:12px; left:12px; bottom:84px; width:auto; border-radius:14px;}
  .wa-chat-btn{right:12px; bottom:12px;}
}