/**
 * Frontend RTL Styles
 *
 * @package My_Custom_AI
 */

/* RTL adjustments */
.rtl .myai-widget-container {
	direction: rtl !important;
}

.rtl .myai-widget-container.position-bottom-right {
	right: auto !important;
	left: 20px !important;
}

.rtl .myai-widget-container.position-bottom-left {
	left: auto !important;
	right: 20px !important;
}

.rtl .myai-chat-window {
	right: auto !important;
	left: 0 !important;
}

.rtl .myai-widget-container.position-bottom-left .myai-chat-window {
	left: auto !important;
	right: 0 !important;
}

.rtl .myai-widget-container.position-bottom-right .myai-chat-window {
	right: auto !important;
	left: 0 !important;
}

.rtl .myai-message.user {
	align-items: flex-start;
}

.rtl .myai-message.assistant {
	align-items: flex-end;
}

.rtl .myai-message.user .myai-message-bubble {
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 4px;
}

.rtl .myai-message.assistant .myai-message-bubble {
	border-bottom-left-radius: 18px;
	border-bottom-right-radius: 4px;
}