/*#chatbot-toggle{
 position:fixed;
 bottom:20px;
 right:20px;
 width:60px;
 height:60px;
 border-radius:50%;
 background:#a26b23;
 color:#fff;
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 z-index:9999;
 font-size:24px;
}

#chatbot-box{
 position:fixed;
 bottom:90px;
 right:20px;
 width:320px;
 background:#fff;
 border-radius:12px;
 box-shadow:0 10px 25px rgba(0,0,0,0.2);
 display:none;
 flex-direction:column;
 overflow:hidden;
 z-index:9999;
}

#chatbot-header{
 background:#a26b23;
 color:#fff;
 padding:10px;
 font-weight:bold;
}

#chatbot-messages{
 height:300px;
 overflow-y:auto;
 padding:10px;
 font-size:14px;
}

.bot-msg{margin:6px 0;color:#333;}
.user-msg{margin:6px 0;text-align:right;}

.chat-options button{
 margin:4px 2px;
 padding:6px 10px;
 border:none;
 border-radius:6px;
 background:#eee;
 cursor:pointer;
}

*/








/* FLOAT BUTTON */
#chatbot-toggle{
 position:fixed;
 bottom:20px;
 right:20px;
 width:65px;
 height:65px;
 border-radius:50%;
 background:linear-gradient(135deg,#a26b23,#d89b3c);
 color:#fff;
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 z-index:9999;
 font-size:26px;
 box-shadow:0 6px 18px rgba(0,0,0,0.3);
 transition:.3s;
}
#chatbot-toggle:hover{
 transform:scale(1.1);
}

/* CHATBOX */
#chatbot-box{
 position:fixed;
 bottom:95px;
 right:20px;
 width:340px;
 height:480px;
 background:#ffffff;
 border-radius:18px;
 box-shadow:0 15px 35px rgba(0,0,0,0.25);
 display:none;
 flex-direction:column;
 overflow:hidden;
 z-index:9999;
 font-family:Arial, sans-serif;
}

/* HEADER */
#chatbot-header{
 background:linear-gradient(135deg,#a26b23,#d89b3c);
 color:#fff;
 padding:14px;
 font-weight:bold;
 font-size:15px;
}

/* MESSAGE AREA */
#chatbot-messages{
 flex:1;
 overflow-y:auto;
 -webkit-overflow-scrolling:touch; /* ✅ smooth mobile scroll */
 padding:12px;
 background:#f6f6f6;
 display:flex;
 flex-direction:column;
}

/* BOT MESSAGE */
.bot-msg{
 background:#ffffff;
 padding:10px 12px;
 border-radius:12px 12px 12px 4px;
 margin:6px 0;
 max-width:80%;
 box-shadow:0 2px 6px rgba(0,0,0,0.08);
}

/* USER MESSAGE */
.user-msg{
 background:#a26b23;
 color:#fff;
 padding:10px 12px;
 border-radius:12px 12px 4px 12px;
 margin:6px 0;
 max-width:80%;
 align-self:flex-end;
}

/* OPTIONS */
.chat-options{
 display:flex;
 flex-wrap:wrap;
 gap:6px;
 margin-top:6px;
}

.chat-options button{
 padding:6px 10px;
 border:none;
 border-radius:20px;
 background:#eee;
 cursor:pointer;
 font-size:12px;
 transition:.2s;
}

.chat-options button:hover{
 background:#d89b3c;
 color:#fff;
}

/* INPUT AREA */
#chatbot-input-area{
 display:flex;
 border-top:1px solid #eee;
}

#chat-input{
 flex:1;
 border:none;
 padding:12px;
 font-size:14px;
 outline:none;
}

#chatbot-input-area button{
 background:#a26b23;
 border:none;
 color:#fff;
 padding:0 16px;
 cursor:pointer;
 font-weight:bold;
}
#chatbot-input-area button:hover{
 background:#d89b3c;
}



.bot-msg,.user-msg{
 animation:fadeIn .25s ease;
}

@keyframes fadeIn{
 from{opacity:0;transform:translateY(6px);}
 to{opacity:1;transform:translateY(0);}
}



.typing-dots span{
 animation:blink 1.4s infinite both;
}
.typing-dots span:nth-child(2){animation-delay:.2s;}
.typing-dots span:nth-child(3){animation-delay:.4s;}

@keyframes blink{
 0%{opacity:.2;}
 20%{opacity:1;}
 100%{opacity:.2;}
}

#chatbot-box{
 touch-action:pan-y;
}