[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .container {
    direction: rtl;
}


[dir="rtl"] .header-main .container {
    flex-direction: row-reverse;
}

[dir="rtl"] .top-bar-right {
    flex-direction: row-reverse;
}

[dir="rtl"] .search-form {
    direction: ltr; 
}

[dir="rtl"] .nav-menu {
    flex-direction: row-reverse;
}

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


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

[dir="rtl"] .product-info {
    flex-direction: row-reverse;
}

[dir="rtl"] .breadcrumb ol {
    flex-direction: row-reverse;
}

[dir="rtl"] .breadcrumb ol li::after {
    content: "\\";
    margin: 0 8px;
}

[dir="rtl"] .breadcrumb ol li:last-child::after {
    display: none;
}


[dir="rtl"] .product-layout {
    flex-direction: row-reverse;
}

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

[dir="rtl"] .product-features .feature {
    flex-direction: row-reverse;
}


[dir="rtl"] .footer-bottom-content {
    flex-direction: row-reverse;
}

[dir="rtl"] .social-links {
    flex-direction: row-reverse;
}


[dir="rtl"] .form-row {
    flex-direction: row-reverse;
}

[dir="rtl"] .checkbox-label {
    flex-direction: row-reverse;
}

[dir="rtl"] .input-group {
    flex-direction: row-reverse;
}

[dir="rtl"] .input-group input {
    border-radius: 0 6px 6px 0;
    border-left: none;
    border-right: 1px solid #4b5563;
}

[dir="rtl"] .input-group button {
    border-radius: 6px 0 0 6px;
}


[dir="rtl"] .cart-table table {
    direction: rtl;
}

[dir="rtl"] .product-info {
    flex-direction: row-reverse;
}

[dir="rtl"] .product-info img {
    margin-left: 15px;
    margin-right: 0;
}


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

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

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

[dir="rtl"] .header-left {
    flex-direction: row-reverse;
}

[dir="rtl"] .header-actions {
    flex-direction: row-reverse;
}

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


@media (max-width: 768px) {
    [dir="rtl"] .slide-content {
        margin-right: 20px;
    }
    
    [dir="rtl"] .mobile-menu-toggle {
        left: 20px;
        right: auto;
    }
    
    [dir="rtl"] .nav-menu {
        left: auto;
        right: -100%;
    }
    
    [dir="rtl"] .nav-menu.active {
        right: 0;
    }
}