/* WhatsApp Chat Button */
#whatsapp-btn{
  position:fixed;
  bottom:20px;
  right:20px;
  z-index:9999;
  width:55px;
  height:55px;
  background-color:#25D366;
  border-radius:50%;
  box-shadow:0 4px 10px rgba(0,0,0,0.3);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
#whatsapp-btn img{
  width:30px;
  height:30px;
}

/* Chat Popup */
#chatbox{
  position:fixed;
  bottom:80px;
  right:20px;
  width:300px;
  background:#ffffff;
  border-radius:12px;
  box-shadow:0 10px 20px rgba(0,0,0,0.3);
  z-index:9998;
  display:none;
  animation:fadeSlide 0.4s ease;
  font-family:"Segoe UI",sans-serif;
}

/* Header */
#chat-header{
  background-color:#075e54;
  color:#ffffff;
  padding:10px;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#chat-header img{
  width:30px;
  height:30px;
  border-radius:50%;
}
#close-btn{
  cursor:pointer;
  font-size:20px;
}

/* Content */
#chat-content{
  background-image:url('https://i.imgur.com/U8Wph4P.png');
  background-size:cover;
  background-repeat:no-repeat;
  padding:15px;
  color:#000;
}
#chat-content p{
  background:#f0f0f0;
  padding:10px;
  border-radius:8px;
  margin:0 0 10px;
  font-size:14px;
}

/* Footer */
#chat-footer{
  padding:10px;
  text-align:center;
  background:#ffffff;
}
#chat-footer a{
  background-color:#25D366;
  color:#ffffff;
  padding:10px 20px;
  border-radius:25px;
  text-decoration:none;
  font-weight:bold;
  display:inline-block;
}

/* Animation */
@keyframes fadeSlide{
  from{
    opacity:0;
    transform:translateY(20px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}