/* RTL Slider Styling for Elementor */

/* Main slider content RTL direction */
.elementor-slide-content {
    direction: rtl;
    text-align: right;
}

/* All text elements in slider */
.elementor-slide-heading,
.elementor-slide-description,
.elementor-slide-button {
    direction: rtl;
    text-align: right;
}

/* RTL alignment for slider text container */
.elementor-slides .swiper-slide-contents {
    text-align: right;
    align-items: flex-end;
}

/* Position content from right to left */
.elementor-slides .swiper-slide-inner {
    text-align: right;
}

/* Additional RTL support for various slider elements */
.rtl-slider .elementor-slide-content,
.elementor-widget-slides .rtl-text {
    direction: rtl !important;
    text-align: right !important;
}

/* Ensure buttons align to the right in RTL */
.elementor-slide-content .elementor-button {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

/* RTL for heading and description wrapper */
.elementor-slide-content .elementor-slide-heading,
.elementor-slide-content .elementor-slide-description {
    width: 100%;
    text-align: right;
}

/* Override default LTR positioning */
.elementor-slides-wrapper .swiper-slide {
    text-align: right;
}

/* For custom RTL class that can be added to sections */
.custom-rtl-slider {
    direction: rtl;
}

.custom-rtl-slider .elementor-heading-title,
.custom-rtl-slider .elementor-text-editor,
.custom-rtl-slider .elementor-button-wrapper {
    text-align: right;
    direction: rtl;
}

/* Responsive RTL adjustments */
@media (max-width: 768px) {
    .elementor-slide-content {
        text-align: right;
        padding-right: 20px;
        padding-left: 20px;
    }
}
