/* Translation Styles */

/* Message with translation */
.message.translated {
    position: relative;
}

/* Original text styling */
.original-text {
    font-size: 0.85rem;
    color: #888;
    margin-top: 5px;
    font-style: italic;
    opacity: 0.8;
    display: none; /* Hidden by default, shown on hover */
}

.message.translated:hover .original-text {
    display: block; /* Show on hover */
}

/* Translation service indicator */
.translation-service {
    font-size: 0.7rem;
    color: #999;
    margin-top: 5px;
    text-align: right;
    font-style: italic;
}

/* RTL language support */
.message[data-rtl="true"] .message-text {
    direction: rtl;
    text-align: right;
}

.message[data-rtl="true"] .original-text {
    direction: rtl;
    text-align: right;
}

/* Translation indicator - REMOVED */
/* .message.translated::before {
    content: "🌐";
    position: absolute;
    top: -5px;
    left: -5px;
    font-size: 12px;
    background: #fff;
    border-radius: 50%;
    padding: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
} */

/* Translation animation */
@keyframes translateFadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.message-text.translated {
    animation: translateFadeIn 0.3s ease-out;
}