/* Chatbot Widget & Floating WhatsApp */
.chatbot-widget{position:fixed;bottom:30px;right:30px;z-index:999}
.chatbot-popup{display:none;position:absolute;bottom:70px;right:0;width:350px;background:#fff;border-radius:20px;box-shadow:0 10px 50px rgba(0,0,0,0.2);overflow:hidden}
.chatbot-header{background:linear-gradient(135deg,#0a6e4f,#064a35);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}
.chatbot-header h4{margin:0;font-size:1rem}
.chatbot-status{font-size:0.8rem;opacity:0.9}
.chatbot-status-dot{display:inline-block;width:8px;height:8px;background:#4ade80;border-radius:50%;margin-right:5px}
.chatbot-close{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer}
.chatbot-messages{height:300px;overflow-y:auto;padding:15px;background:#f8f9fa}
.chatbot-msg-row{display:flex;gap:10px;margin-bottom:15px}
.chatbot-avatar{width:32px;height:32px;background:#0a6e4f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.75rem;flex-shrink:0}
.chatbot-bubble{background:#fff;padding:10px 12px;border-radius:12px;border-top-left-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.05);max-width:80%}
.chatbot-bubble p{margin:0;color:#333;font-size:0.9rem;line-height:1.6}
.chatbot-msg-user{justify-content:flex-end}
.chatbot-bubble-user{background:#0a6e4f;color:#fff;padding:8px 12px;border-radius:12px;border-top-right-radius:4px;max-width:80%;font-size:0.9rem}
.chatbot-follow-btns{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.chatbot-follow-btn{background:#f0f7f4;border:1px solid #0a6e4f;color:#0a6e4f;padding:4px 10px;border-radius:15px;cursor:pointer;font-size:0.75rem;transition:all 0.2s}
.chatbot-follow-btn:hover{background:#0a6e4f;color:#fff}
.typing-dots{display:flex;gap:4px;padding:4px 0}
.typing-dots span{width:8px;height:8px;background:#aaa;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}
.typing-dots span:nth-child(1){animation-delay:0s}
.typing-dots span:nth-child(2){animation-delay:0.2s}
.typing-dots span:nth-child(3){animation-delay:0.4s}
@keyframes typingBounce{0%,80%,100%{transform:scale(0.6);opacity:0.4}40%{transform:scale(1);opacity:1}}
.chatbot-quick-options{padding:10px 15px;background:#fff;border-top:1px solid #eee}
.chatbot-quick-label{margin:0 0 8px;font-size:0.8rem;color:#666}
.chatbot-quick-btns{display:flex;flex-wrap:wrap;gap:5px}
.chatbot-quick-btn{background:#f0f7f4;border:1px solid #0a6e4f;color:#0a6e4f;padding:5px 10px;border-radius:15px;cursor:pointer;font-size:0.75rem}
.chatbot-input-area{padding:10px 15px;background:#fff;border-top:1px solid #eee;display:flex;gap:8px}
.chatbot-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;outline:none;font-size:0.85rem}
.chatbot-send{width:36px;height:36px;background:#0a6e4f;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:0.85rem}
.chatbot-wa-link{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;padding:10px;text-decoration:none;font-weight:600;font-size:0.85rem}
.chatbot-toggle{width:55px;height:55px;background:linear-gradient(135deg,#0a6e4f,#c4a35a);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 25px rgba(10,110,79,0.4);border:none;color:#fff;font-size:1.3rem}
.floating-whatsapp{position:fixed;bottom:30px;left:30px;z-index:998}
.floating-whatsapp a{display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:12px 20px;border-radius:50px;font-weight:600;box-shadow:0 5px 25px rgba(37,211,102,0.4);font-size:0.9rem;text-decoration:none}
.floating-whatsapp i{font-size:1.2rem}
/* Alternate class names (used on about, blog, blog-detail pages) */
.chatbot-widget-fixed{position:fixed;bottom:30px;right:30px;z-index:999}
.chatbot-popup-box{display:none;position:absolute;bottom:70px;right:0;width:350px;background:#fff;border-radius:20px;box-shadow:0 10px 50px rgba(0,0,0,0.2);overflow:hidden}
.chatbot-header-bar{background:linear-gradient(135deg,#0a6e4f,#064a35);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center}
.chatbot-header-title{margin:0;font-size:1rem}
.chatbot-status-text{font-size:0.8rem;opacity:0.9}
.chatbot-status-dot-inline{display:inline-block;width:8px;height:8px;background:#4ade80;border-radius:50%;margin-right:5px}
.chatbot-close-btn{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer}
.chatbot-messages-box{height:200px;overflow-y:auto;padding:15px;background:#f8f9fa}
.chatbot-msg-row-style{display:flex;gap:10px;margin-bottom:15px}
.chatbot-avatar-icon{width:32px;height:32px;background:#0a6e4f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:0.75rem;flex-shrink:0}
.chatbot-bubble-box{background:#fff;padding:10px 12px;border-radius:12px;border-top-left-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,0.05);max-width:80%}
.chatbot-bubble-text{margin:0;color:#333;font-size:0.9rem}
.chatbot-quick-section{padding:10px 15px;background:#fff;border-top:1px solid #eee}
.chatbot-quick-label-text{margin:0 0 8px;font-size:0.8rem;color:#666}
.chatbot-quick-btns-wrap{display:flex;flex-wrap:wrap;gap:5px}
.chatbot-quick-btn-style{background:#f0f7f4;border:1px solid #0a6e4f;color:#0a6e4f;padding:5px 10px;border-radius:15px;cursor:pointer;font-size:0.75rem}
.chatbot-input-section{padding:10px 15px;background:#fff;border-top:1px solid #eee;display:flex;gap:8px}
.chatbot-input-field{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;outline:none;font-size:0.85rem}
.chatbot-send-btn{width:36px;height:36px;background:#0a6e4f;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:0.85rem}
.chatbot-wa-bar{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;padding:10px;text-decoration:none;font-weight:600;font-size:0.85rem}
.chatbot-toggle-btn{width:55px;height:55px;background:linear-gradient(135deg,#0a6e4f,#c4a35a);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 25px rgba(10,110,79,0.4);border:none;color:#fff;font-size:1.3rem}
.floating-whatsapp-icon{font-size:1.2rem}

@media(max-width:480px){
.chatbot-popup,.chatbot-popup-box{width:290px;right:-10px}
.chatbot-widget,.chatbot-widget-fixed{bottom:20px;right:20px}
.floating-whatsapp{bottom:20px;left:20px}
.floating-whatsapp a{padding:10px 16px;font-size:0.85rem}
}