/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body {
  font-family: 'Space Grotesk', 'Tajawal', sans-serif !important;
}

.gradient-text {
    background: linear-gradient(135deg, #11192B 0%, #176E43 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.cs_carausel .swiper-wrapper {
    transition-timing-function: linear !important;
}

.mb-lh-0 {
    margin-bottom: 0;
    line-height: 0;
}

.ffc_inline_form.ffc_conv_wrapper .ff_conv_app,
.ff_conv_app_frame .vff {
    min-height: 80vh;
}

.dialog-close-button {
    border-radius: 50%;
    padding: 5px;
}

.email-blocker input[type="email"],
.email-blocker .mxchat-name-input {
    width: 90% !important;
}

/* ── Carousel (Mobile) ── */
@media (max-width: 767px) {
    .ffc_inline_form.ffc_conv_wrapper .ff_conv_app,
    .ff_conv_app_frame .vff {
        min-height: 80vh !important;
    }

    .cs_carausel .elementor-image-box-content {
        display: none !important;
    }

    .cs_carausel .elementor-image-box-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cs_carausel .elementor-image-box-img {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

    .cs_carausel .elementor-image-box-img img {
        transition-duration: 0.3s;
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* 1. Target the text span to naturally evaluate and flow right-to-left */
.chat-message span,
.flowise-chatbot span {
    unicode-bidi: plaintext !important; /* Force the browser to read the text contents before styling */
    text-align: start !important;       /* "start" shifts text right if Arabic, left if English */
}

/* 2. Fix the message bubble container layout seamlessly */
.chat-message {
    display: flex !important;
    flex-direction: column !important;
    align-items: inline-start !important; /* Positions the actual bubble based on language direction */
}