/* MHP Chatbot v4 - Styles Complete */

#mhp-chat-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Buton deschidere */
#mhp-btn-open {
    transition: all 0.3s ease !important;
}

#mhp-btn-open:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.4) !important;
}

/* Chat box */
#mhp-chat-box {
    animation: mhpSlideUp 0.3s ease;
}

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

/* Scrollbar */
#mhp-messages::-webkit-scrollbar {
    width: 8px;
}

#mhp-messages::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

#mhp-messages::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

#mhp-messages::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Butoane */
.mhp-action-btn {
    transition: all 0.2s ease !important;
    position: relative;
    overflow: hidden;
}

.mhp-action-btn:hover {
    transform: translateX(5px);
    opacity: 0.9;
}

.mhp-action-btn:active {
    transform: translateX(2px);
}

/* Input */
#mhp-input {
    transition: all 0.2s ease;
}

#mhp-input:focus {
    border-color: #1e3a8a !important;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

/* Linkuri in mesaje */
#mhp-messages a {
    color: #f59e0b;
    text-decoration: none;
    font-weight: 600;
}

#mhp-messages a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 480px) {
    #mhp-chat-box {
        width: calc(100vw - 30px) !important;
        right: 5px !important;
        height: 65vh !important;
    }

    #mhp-chat-wrapper {
        right: 5px !important;
        bottom: 10px !important;
    }

    #mhp-messages {
        height: calc(65vh - 130px) !important;
    }
}

/* Text mesaje */
#mhp-messages b {
    color: #1e3a8a;
}

#mhp-messages small {
    line-height: 1.4;
}

/* Footer link */
#mhp-chat-box a {
    color: #f59e0b;
}
