/**
 * تعديلات بسيطة لـ RTL فوق style.css (مصمَّم لـ LTR) — بدون تغيير Bootstrap
 */
[dir="rtl"] .back-to-top {
    right: auto;
    left: 30px;
}

@media (max-width: 767.98px) {
    [dir="rtl"] .back-to-top {
        left: 16px;
    }
}

[dir="rtl"] .navbar .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 8px;
}

[dir="rtl"] .navbar .navbar-nav .nav-link {
    margin-right: 0;
    margin-left: 30px;
}

@media (max-width: 991.98px) {
    [dir="rtl"] .navbar .navbar-nav .nav-link {
        margin-left: 0;
    }
}

/**
 * Hero (header carousel): Owl يضيف float:left للعناصر — مع dir=rtl على الصفحة
 * يجب تفعيل rtl: true في main.js لإضافة .owl-rtl. هنا نثبّت الطبقة والنص.
 */
[dir="rtl"] .header-carousel .owl-carousel-item {
    position: relative;
}

[dir="rtl"] .header-carousel .owl-carousel-item > img {
    position: relative;
    z-index: 0;
}

[dir="rtl"] .header-carousel .owl-carousel-item > .hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

[dir="rtl"] .header-carousel .owl-carousel-inner {
    left: 0;
    right: 0;
    z-index: 1;
    direction: rtl;
}

[dir="rtl"] .header-carousel .owl-carousel-inner .container {
    direction: rtl;
}

[dir="rtl"] .about-img img:last-child,
[dir="rtl"] .feature-img img:last-child {
    margin: 20% 40% 0 0;
}

[dir="rtl"] .about-img::before,
[dir="rtl"] .feature-img::before {
    left: auto;
    right: 20%;
}

[dir="rtl"] .footer .btn.btn-link {
    text-align: right;
}

[dir="rtl"] .footer .btn.btn-link::before {
    margin-right: 0;
    margin-left: 10px;
    content: "\f104";
}

[dir="rtl"] .site-footer__heading::after {
    left: auto;
    right: 0;
}

[dir="rtl"] .service-item .btn .fa {
    margin: 0 !important;
}