.elementor-100 .elementor-element.elementor-element-f2ff72b{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0be84af *//* ===== حل مشكلة معرض الصور في اللغة العربية ===== */
/* إضافة هذا الكود في نهاية الـ CSS */

/* ===== إصلاح معرض الماركي ===== */
.marquee-track {
    display: flex;
    gap: 16px;
    width: max-content;
    animation: marqueeScroll 30s linear infinite;
    direction: ltr !important; /*强制执行 اتجاه يسار لليمين */
}

/* ===== إصلاح معرض الصور الشبكة ===== */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin: 30px 0;
    direction: ltr !important; /*强制执行 اتجاه يسار لليمين */
}

/* ===== إصلاح صور الغرف في الأكورديون ===== */
.accordion-body .room-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 18px;
    direction: ltr !important;
}

/* ===== إصلاح السلايدر (الماركي) ===== */
.marquee-section .container {
    overflow: hidden !important;
    padding: 0 20px !important;
    direction: ltr !important;
}

/* ===== التأكد من ظهور الصور بشكل صحيح ===== */
.slider-track .slide,
.marquee-track .marquee-item,
.gallery-grid .tile,
.accordion-body .room-gallery .gallery-img {
    overflow: hidden;
    position: relative;
}

/* ===== منع انعكاس الصور في المتصفحات ===== */
img {
    transform: scaleX(1) !important;
    -webkit-transform: scaleX(1) !important;
    -moz-transform: scaleX(1) !important;
    -o-transform: scaleX(1) !important;
}

/* ===== إصلاح اتجاه التمرير ===== */
.marquee-track {
    animation: marqueeScroll 30s linear infinite !important;
}

@keyframes marqueeScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* ===== إصلاح الصور في الوضع RTL ===== */
body[dir="rtl"] .marquee-track {
    animation: marqueeScrollRTL 30s linear infinite !important;
}

@keyframes marqueeScrollRTL {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}

body[dir="rtl"] .marquee-track {
    animation: marqueeScroll 30s linear infinite !important;
}

/* ===== إصلاح الصور في الأكورديون لعدم الانعكاس ===== */
.accordion-header .thumb img,
.accordion-body .room-gallery .gallery-img img,
.gallery-grid .tile img,
.marquee-track .marquee-item img {
    transform: scaleX(1) !important;
    -webkit-transform: scaleX(1) !important;
}

/* ===== إصلاح لعرض الصور في اللغة الإنجليزية ===== */
body.lang-en .marquee-track {
    animation: marqueeScroll 30s linear infinite !important;
}

body.lang-en .gallery-grid {
    direction: ltr !important;
}/* End custom CSS */