/* ===============================
   ADYA AI CHATBOT
=============================== */

:root{--gold:#c89b63;--black:#0f0f0f;--dark:#1b1b1b;--light:#ffffff;--gray:#bcbcbc;}

/* Floating Button */
#chatToggle{position:fixed;right:20px;bottom:380px;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#c89b63,#9c6f3d);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999999;box-shadow:0 15px 40px rgba(0,0,0,.35);transition:.3s;}
#chatToggle:hover{transform:scale(1.08);}
#chatToggle img{width:45px;height:45px;border-radius:50%;}

/* Chat Window */
#chatContainer{position:fixed;right:25px;bottom:100px;width:370px;height:500px;background:#111;border-radius:25px;overflow:hidden;display:none;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.45);z-index:999999;}
#chatContainer.active{display:flex;}

/* Header */
.chat-header{background:#000;padding:18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);}
.chat-user{display:flex;align-items:center;gap:12px;}
.chat-user img{width:50px;height:50px;border-radius:50%;}
.chat-user h3{color:white;font-size:18px;margin:0;}
.chat-user span{color:#bbb;font-size:12px;}
.online-dot{display:inline-block;width:8px;height:8px;background:#24d366;border-radius:50%;margin-right:5px;}
#closeChat{background:none;border:none;color:white;cursor:pointer;font-size:20px;}

/* Messages */
#chatMessages{flex:1;overflow-y:auto;padding:18px;background:#161616;display:flex;flex-direction:column;gap:18px;}
#chatMessages::-webkit-scrollbar{width:5px;}
#chatMessages::-webkit-scrollbar-thumb{background:#444;border-radius:10px;}
.bot-message{display:flex;align-items:flex-end;gap:10px;}
.bot-message img{width:35px;height:35px;border-radius:50%;}
.message{background:#262626;color:white;padding:14px 16px;border-radius:20px;max-width:260px;font-size:14px;line-height:1.7;}
.user-message{display:flex;justify-content:flex-end;}
.user-message .message{background:var(--gold);color:black;font-weight:500;}

/* Quick Buttons */
.quick-replies{padding:15px;display:flex;flex-wrap:wrap;gap:10px;background:#111;}
.quick-btn{border:none;background:#222;color:white;padding:8px 14px;border-radius:20px;cursor:pointer;transition:.3s;}
.quick-btn:hover{background:var(--gold);color:black;}

/* Input */
.chat-input{display:flex;align-items:center;gap:10px;padding:15px;background:#000;}
.chat-input input{flex:1;border:none;outline:none;background:#222;color:white;padding:14px 16px;border-radius:25px;font-size:14px;}
.chat-input button{width:50px;height:50px;border:none;border-radius:50%;background:var(--gold);color:black;cursor:pointer;font-size:18px;transition:.3s;}
.chat-input button:hover{transform:scale(1.08);}

/* Typing Animation */
.typing{display:flex;gap:5px;padding:14px 18px;background:#262626;border-radius:20px;width:70px;}
.typing span{width:8px;height:8px;background:#bbb;border-radius:50%;animation:typing .8s infinite;}
.typing span:nth-child(2){animation-delay:.2s;}
.typing span:nth-child(3){animation-delay:.4s;}
@keyframes typing{0%{opacity:.3;transform:translateY(0);}50%{opacity:1;transform:translateY(-4px);}100%{opacity:.3;transform:translateY(0);}}
/* Mobile */
@media(max-width:600px){
#chatContainer{width:100%;height:100%;right:0;bottom:0;border-radius:0;}
#chatToggle{right:5px;bottom:280px;}
}