/* RTL Modal Positioning Fixes */

/* Fix chat modal position for RTL */
html[dir="rtl"] .chat-modal {
    right: auto !important;
    left: 80px !important;
    bottom: 100px !important;
    top: auto !important;
    transform-origin: bottom left !important;
    direction: rtl !important;
    position: fixed !important;
    z-index: 10001 !important;
}

/* Allow selecting/copying text inside chat modal (both LTR and RTL) */
.chat-modal,
.chat-modal * {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.chat-messages,
.chat-messages * {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

/* Mobile responsive for RTL modal */
@media (max-width: 768px) {
    html[dir="rtl"] .chat-modal {
        left: 50% !important;
        right: auto !important;
        bottom: 100px !important;
        top: auto !important;
        transform: translateX(-50%) !important;
        width: 90% !important;
        max-width: 320px !important;
        position: fixed !important;
    }
}

/* Desktop specific positioning */
@media (min-width: 769px) {
    html[dir="rtl"] .chat-modal {
        left: 80px !important;
        right: auto !important;
        bottom: 100px !important;
        top: auto !important;
        transform: none !important;
        width: 350px !important;
        position: fixed !important;
    }
}

/* Fix modal content alignment in RTL */
html[dir="rtl"] .chat-modal-content {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .chat-header {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .chat-header h3 {
    text-align: right !important;
}

html[dir="rtl"] .chat-body {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .chat-input {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .chat-input textarea {
    direction: rtl !important;
    text-align: right !important;
}

/* Animation fix for RTL */
@keyframes slideInFromBottomRTL {
    from {
        transform: translateY(100%) scale(0.8);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

html[dir="rtl"] .chat-modal {
    animation: slideInFromBottomRTL 0.3s ease-out !important;
}

/* Ensure fixed icon is properly positioned */
html[dir="rtl"] .fixed-icon {
    right: auto !important;
    left: 20px !important;
}