/**
 * ملف دعم RTL - Right to Left Support
 * للغة العربية والاتجاهات
 */

/* ========== إعدادات RTL الأساسية ========== */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    text-align: left !important;
}

/* ========== الهوامش والحشوات RTL ========== */
[dir="rtl"] .ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }

[dir="rtl"] .me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-5 { margin-left: 3rem !important; margin-right: 0 !important; }

[dir="rtl"] .ps-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-5 { padding-right: 3rem !important; padding-left: 0 !important; }

[dir="rtl"] .pe-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-5 { padding-left: 3rem !important; padding-right: 0 !important; }

/* ========== Float RTL ========== */
[dir="rtl"] .float-start { float: right !important; }
[dir="rtl"] .float-end { float: left !important; }

/* ========== Borders RTL ========== */
[dir="rtl"] .border-start { border-right: 1px solid var(--border-color) !important; border-left: 0 !important; }
[dir="rtl"] .border-end { border-left: 1px solid var(--border-color) !important; border-right: 0 !important; }

/* ========== الأيقونات RTL ========== */
[dir="rtl"] .icon-start {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .icon-end {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* ========== القوائم RTL ========== */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 2rem;
    padding-left: 0;
}

[dir="rtl"] ul ul,
[dir="rtl"] ol ol {
    padding-right: 1.5rem;
}

/* ========== Flexbox RTL ========== */
[dir="rtl"] .flex-row-reverse {
    flex-direction: row !important;
}

[dir="rtl"] .justify-content-start {
    justify-content: flex-end !important;
}

[dir="rtl"] .justify-content-end {
    justify-content: flex-start !important;
}

/* ========== Position RTL ========== */
[dir="rtl"] .start-0 { right: 0 !important; left: auto !important; }
[dir="rtl"] .end-0 { left: 0 !important; right: auto !important; }
[dir="rtl"] .start-50 { right: 50% !important; left: auto !important; }
[dir="rtl"] .end-50 { left: 50% !important; right: auto !important; }
[dir="rtl"] .start-100 { right: 100% !important; left: auto !important; }
[dir="rtl"] .end-100 { left: 100% !important; right: auto !important; }

/* ========== Transform RTL ========== */
[dir="rtl"] .translate-middle-x {
    transform: translateX(50%) !important;
}

/* ========== الأزرار RTL ========== */
[dir="rtl"] .btn-group > .btn:first-child:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

[dir="rtl"] .btn-group > .btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

/* ========== Dropdown RTL ========== */
[dir="rtl"] .dropdown-menu {
    text-align: right;
}

[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: 0;
}

/* ========== Forms RTL ========== */
[dir="rtl"] .form-check {
    padding-right: 1.25rem;
    padding-left: 0;
}

[dir="rtl"] .form-check-input {
    margin-right: -1.25rem;
    margin-left: 0;
}

[dir="rtl"] .form-check-label {
    padding-right: 0.5rem;
    padding-left: 0;
}

[dir="rtl"] .form-select {
    padding-right: 0.75rem;
    padding-left: 2.25rem;
    background-position: left 0.75rem center;
}

[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
    margin-right: -1px;
}

/* ========== Breadcrumb RTL ========== */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
    content: "/";
}

/* ========== Pagination RTL ========== */
[dir="rtl"] .page-item:first-child .page-link {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"] .page-item:last-child .page-link {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* ========== Cards RTL ========== */
[dir="rtl"] .card {
    text-align: right;
}

/* ========== Modal RTL ========== */
[dir="rtl"] .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* ========== Offcanvas RTL ========== */
[dir="rtl"] .offcanvas-start {
    right: 0;
    left: auto;
}

[dir="rtl"] .offcanvas-end {
    left: 0;
    right: auto;
}

/* ========== Carousel RTL ========== */
[dir="rtl"] .carousel-control-prev {
    right: 0;
    left: auto;
}

[dir="rtl"] .carousel-control-next {
    left: 0;
    right: auto;
}

[dir="rtl"] .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

[dir="rtl"] .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 0 0 .708L10.293 8l-5.647 5.646a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708l-6-6a.5.5 0 0 0-.708 0z'/%3e%3c/svg%3e");
}

/* ========== Tooltips RTL ========== */
[dir="rtl"] .bs-tooltip-start .tooltip-arrow,
[dir="rtl"] .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    right: 0;
    left: auto;
}

[dir="rtl"] .bs-tooltip-end .tooltip-arrow,
[dir="rtl"] .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
    left: 0;
    right: auto;
}

/* ========== Timeline RTL ========== */
[dir="rtl"] .timeline::before {
    right: 30px;
    left: auto;
}

[dir="rtl"] .timeline-item {
    padding-right: 50px;
    padding-left: 0;
}

[dir="rtl"] .timeline-icon {
    right: 20px;
    left: auto;
}

/* ========== Animations RTL ========== */
[dir="rtl"] @keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

[dir="rtl"] @keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* ========== Scroll To Top RTL ========== */
[dir="rtl"] .scroll-to-top {
    left: 30px;
    right: auto;
}

/* ========== Progress Bar RTL ========== */
[dir="rtl"] .progress {
    direction: ltr;
}

/* ========== Badges RTL ========== */
[dir="rtl"] .badge {
    margin-right: 0.25rem;
    margin-left: 0;
}

/* ========== Blockquote RTL ========== */
[dir="rtl"] blockquote {
    border-right: 5px solid var(--primary-green);
    border-left: none;
    padding-right: 1rem;
    padding-left: 0;
}

/* ========== تخصيصات إضافية RTL ========== */
[dir="rtl"] .gradient-border-right {
    border-right: 3px solid;
    border-image: linear-gradient(180deg, #D4AA40, #BF9835, #A58230) 1;
    border-left: none;
}

[dir="rtl"] .shadow-right {
    box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
}

[dir="rtl"] .shadow-left {
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
}