#tagmanya-whatsapp-widget { position: fixed; bottom: 20px; z-index: 9999; }
#tagmanya-whatsapp-widget.position-right { right: 20px; }
#tagmanya-whatsapp-widget.position-left { left: 20px; }

.wa-toggle-btn {
    width: 60px;
    height: 60px;
    background-color: #25D366;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% 60%;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    cursor: pointer;
    display: block;
    transition: transform 0.2s ease;
}
.wa-toggle-btn:hover {
    transform: scale(1.1);
}

.wa-chat-box {
    display: none; width: 300px; background: white; border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2); margin-bottom: 80px;
    overflow: hidden; font-family: Arial, sans-serif;
}
.wa-header { display: flex; align-items: center; padding: 10px; background: #f1f1f1; position: relative; }
.wa-header img { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; }
.online-dot { width: 8px; height: 8px; background: green; display: inline-block; border-radius: 50%; }
.wa-close { position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 20px; color: #888; }
.wa-message { padding: 15px; }
.wa-message p { background: #eee; padding: 10px; border-radius: 10px; margin-bottom: 10px; }
.wa-message textarea {
    width: 100%; height: 60px; margin-bottom: 10px; padding: 8px; font-size: 14px;
    border-radius: 5px; border: 1px solid #ccc; resize: none;
}
.wa-chat-button {
    display: block; background: #25D366; color: white; text-align: center;
    padding: 10px; border-radius: 5px; text-decoration: none; font-weight: bold;
}