/**
 * RTL (Right-to-Left) Support for Arabic Language
 * joker&omda Store - Bilingual System
 */

/* ===== ARABIC FONT ===== */
[dir="rtl"] {
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
    text-align: right;
}

[dir="rtl"] body {
    direction: rtl;
}

/* ===== NAVIGATION ===== */
[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}

[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

[dir="rtl"] .nav-item {
    margin-left: 0;
    margin-right: 1rem;
}

[dir="rtl"] .dropdown-menu {
    text-align: right;
    right: 0;
    left: auto;
}

/* ===== LANGUAGE SWITCHER ===== */
[dir="rtl"] .language-switcher {
    margin-left: 0;
    margin-right: 15px;
}

/* ===== MARGINS & PADDINGS ===== */
[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

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

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

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

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

/* ===== TEXT ALIGNMENT ===== */
[dir="rtl"] .text-start {
    text-align: right !important;
}

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

/* ===== FLOAT ===== */
[dir="rtl"] .float-start {
    float: right !important;
}

[dir="rtl"] .float-end {
    float: left !important;
}

/* ===== CART SIDEBAR ===== */
[dir="rtl"] .cart-sidebar {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

[dir="rtl"] .cart-sidebar.active {
    transform: translateX(0);
}

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

/* ===== PRODUCT GRID ===== */
[dir="rtl"] .product-grid {
    direction: rtl;
}

[dir="rtl"] .product-card {
    text-align: right;
}

/* ===== FORMS ===== */
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

[dir="rtl"] .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

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

/* ===== BUTTONS ===== */
[dir="rtl"] .btn i,
[dir="rtl"] .btn svg {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* ===== BADGES ===== */
[dir="rtl"] .badge {
    text-align: center;
}

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

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

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

[dir="rtl"] .carousel-indicators {
    direction: ltr;
}

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

/* ===== TABLES ===== */
[dir="rtl"] table {
    text-align: right;
}

[dir="rtl"] .table thead th {
    text-align: right;
}

[dir="rtl"] .table tbody td {
    text-align: right;
}

/* DataTables RTL Support */
[dir="rtl"] .dataTables_wrapper .dataTables_filter {
    text-align: left;
}

[dir="rtl"] .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
    margin-right: 0.5em;
}

[dir="rtl"] .dataTables_wrapper .dataTables_length {
    text-align: right;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate {
    text-align: left;
}

/* ===== ALERTS ===== */
[dir="rtl"] .alert {
    text-align: right;
}

[dir="rtl"] .alert-dismissible .btn-close {
    left: 0;
    right: auto;
}

/* ===== TOAST NOTIFICATIONS ===== */
[dir="rtl"] .toast {
    text-align: right;
}

[dir="rtl"] .toast-header .btn-close {
    margin-right: auto;
    margin-left: -0.375rem;
}

/* ===== PAGINATION ===== */
[dir="rtl"] .pagination {
    direction: ltr;
}

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

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

/* ===== ADMIN SIDEBAR ===== */
[dir="rtl"] .admin-sidebar {
    right: 0;
    left: auto;
}

[dir="rtl"] .admin-content {
    margin-right: 250px;
    margin-left: 0;
}

[dir="rtl"] .sidebar-nav {
    text-align: right;
}

[dir="rtl"] .sidebar-nav i {
    margin-left: 10px;
    margin-right: 0;
}

/* ===== CHECKOUT ===== */
[dir="rtl"] .checkout-steps {
    direction: rtl;
}

[dir="rtl"] .step-indicator::after {
    right: auto;
    left: 50%;
}

/* ===== PRODUCT DETAILS ===== */
[dir="rtl"] .product-details {
    text-align: right;
}

[dir="rtl"] .product-price {
    direction: rtl;
}

/* ===== FILTERS ===== */
[dir="rtl"] .filter-sidebar {
    text-align: right;
}

[dir="rtl"] .filter-group {
    text-align: right;
}

/* ===== FOOTER ===== */
[dir="rtl"] .footer {
    text-align: right;
}

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

[dir="rtl"] .social-icons a {
    margin-left: 10px;
    margin-right: 0;
}

/* ===== RESPONSIVE RTL ===== */
@media (max-width: 768px) {
    [dir="rtl"] .navbar-toggler {
        margin-left: 0;
        margin-right: auto;
    }
    
    [dir="rtl"] .cart-sidebar {
        width: 100%;
    }
    
    [dir="rtl"] .admin-sidebar {
        right: -250px;
    }
    
    [dir="rtl"] .admin-sidebar.active {
        right: 0;
    }
}

/* ===== CUSTOM SCROLLBAR RTL ===== */
[dir="rtl"] ::-webkit-scrollbar {
    width: 8px;
}

[dir="rtl"] .cart-items::-webkit-scrollbar-track {
    margin-right: 5px;
    margin-left: 0;
}

/* ===== NUMBER FORMATTING ===== */
[dir="rtl"] .price,
[dir="rtl"] .amount,
[dir="rtl"] .total {
    direction: ltr;
    text-align: right;
    display: inline-block;
}

/* ===== BORDER RADIUS RTL ===== */
[dir="rtl"] .rounded-start {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}

[dir="rtl"] .rounded-end {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
}

/* ===== LIST GROUPS ===== */
[dir="rtl"] .list-group {
    padding-right: 0;
    text-align: right;
}

/* ===== OFFCANVAS ===== */
[dir="rtl"] .offcanvas-start {
    right: 0;
    left: auto;
    transform: translateX(100%);
}

[dir="rtl"] .offcanvas-end {
    left: 0;
    right: auto;
    transform: translateX(-100%);
}

/* ===== FIX MOBILE MENU RTL ===== */
@media (max-width: 991px) {
    [dir="rtl"] .navbar-nav {
        flex-direction: column !important;
        width: 100%;
        padding-right: 0;
    }
    
    [dir="rtl"] .navbar-collapse {
        text-align: right;
    }
    
    [dir="rtl"] .nav-link {
        justify-content: center;
    }

    [dir="rtl"] .navbar-nav:last-child {
        margin: 16px 0 0 0;
        border-top: 1px solid rgba(212, 175, 55, 0.2);
    }
}