﻿/* RTL Styles for Arabic Language */
.rtl {
    direction: rtl;
    text-align: right;
}

    .rtl .navbar-nav {
        padding-right: 0;
    }

    .rtl .me-2 {
        margin-right: 0 !important;
        margin-left: 0.5rem !important;
    }

    .rtl .me-3 {
        margin-right: 0 !important;
        margin-left: 1rem !important;
    }

    .rtl .ms-2 {
        margin-left: 0 !important;
        margin-right: 0.5rem !important;
    }

    .rtl .text-start {
        text-align: right !important;
    }

    .rtl .text-end {
        text-align: left !important;
    }

    .rtl .float-start {
        float: right !important;
    }

    .rtl .float-end {
        float: left !important;
    }

    .rtl .dropdown-menu {
        text-align: right;
    }

    .rtl .form-floating > label {
        right: 0;
        left: auto;
        padding-right: 0.75rem;
    }

    .rtl .input-group > .form-control,
    .rtl .input-group > .form-select {
        border-radius: 0 0.375rem 0.375rem 0;
    }

    .rtl .input-group > .btn {
        border-radius: 0.375rem 0 0 0.375rem;
    }

    /* Adjust form fields for RTL */
    .rtl .form-control {
        text-align: right;
    }

    /* Calendar adjustments for RTL */
    .rtl .calendar-weekdays {
        flex-direction: row-reverse;
    }

    .rtl .calendar-days {
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
    }

    /* Carousel adjustments */
    .rtl .owl-carousel {
        direction: ltr;
    }

        .rtl .owl-carousel .owl-item {
            direction: ltr;
        }

    /* Service cards adjustments */
    .rtl .services-container {
        flex-direction: row-reverse;
    }

    /* Footer adjustments */
    .rtl .footer-item h4 {
        text-align: right;
    }

    .rtl .footer-item a {
        text-align: right;
        justify-content: flex-end;
    }


    /* ===============================
   RTL BREADCRUMB STYLES
================================ */

    /* RTL Container */
    [dir="rtl"] .breadcrumb,
    .rtl .breadcrumb,
    html[dir="rtl"] .breadcrumb {
        direction: rtl;
        text-align: right;
        padding: 0;
        margin: 0;
    }

    /* RTL Breadcrumb Items */
    [dir="rtl"] .breadcrumb-item,
    .rtl .breadcrumb-item,
    html[dir="rtl"] .breadcrumb-item {
        float: right;
    }

        /* RTL Breadcrumb Separators */
        [dir="rtl"] .breadcrumb-item + .breadcrumb-item::before,
        .rtl .breadcrumb-item + .breadcrumb-item::before,
        html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
            float: right;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            transform: rotate(180deg);
            content: "\\"; /* Backslash for RTL */
            color: rgba(255, 255, 255, 0.6);
        }

        /* RTL Breadcrumb Links */
        [dir="rtl"] .breadcrumb-item a,
        .rtl .breadcrumb-item a,
        html[dir="rtl"] .breadcrumb-item a {
            text-decoration: none;
            transition: all 0.3s ease;
            display: inline-block;
        }

            [dir="rtl"] .breadcrumb-item a:hover,
            .rtl .breadcrumb-item a:hover,
            html[dir="rtl"] .breadcrumb-item a:hover {
                color: #ffffff !important;
                transform: translateX(-3px);
            }

        /* RTL Active Item */
        [dir="rtl"] .breadcrumb-item.active,
        .rtl .breadcrumb-item.active,
        html[dir="rtl"] .breadcrumb-item.active {
            color: #ffffff;
            font-weight: 500;
        }

        /* RTL Text Colors */
        [dir="rtl"] .breadcrumb-item a.text-white,
        .rtl .breadcrumb-item a.text-white,
        html[dir="rtl"] .breadcrumb-item a.text-white {
            color: rgba(255, 255, 255, 0.85) !important;
        }

            [dir="rtl"] .breadcrumb-item a.text-white:hover,
            .rtl .breadcrumb-item a.text-white:hover,
            html[dir="rtl"] .breadcrumb-item a.text-white:hover {
                color: #ffffff !important;
                opacity: 1 !important;
            }

        /* RTL Opacity Effects */
        [dir="rtl"] .breadcrumb-item a.opacity-75,
        .rtl .breadcrumb-item a.opacity-75,
        html[dir="rtl"] .breadcrumb-item a.opacity-75 {
            opacity: 0.85 !important;
        }

            [dir="rtl"] .breadcrumb-item a.opacity-75:hover,
            .rtl .breadcrumb-item a.opacity-75:hover,
            html[dir="rtl"] .breadcrumb-item a.opacity-75:hover {
                opacity: 1 !important;
            }

    /* RTL Justify Content Center Fix */
    [dir="rtl"] .breadcrumb.justify-content-center,
    .rtl .breadcrumb.justify-content-center,
    html[dir="rtl"] .breadcrumb.justify-content-center {
        justify-content: center !important;
        flex-direction: row-reverse;
    }

        /* RTL Margin and Padding Adjustments */
        [dir="rtl"] .breadcrumb.justify-content-center.mb-4,
        .rtl .breadcrumb.justify-content-center.mb-4,
        html[dir="rtl"] .breadcrumb.justify-content-center.mb-4 {
            margin-bottom: 1.5rem !important;
            padding-right: 0;
            padding-left: 0;
        }

    /* RTL Navigation Adjustments */
    [dir="rtl"] nav[aria-label="breadcrumb"],
    .rtl nav[aria-label="breadcrumb"],
    html[dir="rtl"] nav[aria-label="breadcrumb"] {
        text-align: center;
    }

/* RTL Specific Separator Styling */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    transform: none;
    unicode-bidi: isolate;
    font-weight: 300;
    margin-left: 8px;
    margin-right: 8px;
}

/* RTL Hover Animation Enhancement */
[dir="rtl"] .breadcrumb-item a::after,
.rtl .breadcrumb-item a::after,
html[dir="rtl"] .breadcrumb-item a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -2px;
    right: 0;
    background-color: #ffffff;
    transition: width 0.3s ease;
}

[dir="rtl"] .breadcrumb-item a:hover::after,
.rtl .breadcrumb-item a:hover::after,
html[dir="rtl"] .breadcrumb-item a:hover::after {
    width: 100%;
}

/* RTL Responsive Adjustments */
@media (max-width: 768px) {
    [dir="rtl"] .breadcrumb,
    .rtl .breadcrumb,
    html[dir="rtl"] .breadcrumb {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    [dir="rtl"] .breadcrumb-item,
    .rtl .breadcrumb-item,
    html[dir="rtl"] .breadcrumb-item {
        margin-bottom: 5px;
    }

        [dir="rtl"] .breadcrumb-item + .breadcrumb-item::before,
        .rtl .breadcrumb-item + .breadcrumb-item::before,
        html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
            margin: 0 5px;
        }
}

/* RTL Dark Mode Support (if needed) */
[data-bs-theme="dark"][dir="rtl"] .breadcrumb-item a,
[data-bs-theme="dark"].rtl .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-bs-theme="dark"][dir="rtl"] .breadcrumb-item.active,
[data-bs-theme="dark"].rtl .breadcrumb-item.active {
    color: #ffffff !important;
}

/* Logo RTL */

/* END */