/* RTL Specific Styles */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Layout adjustments */
[dir="rtl"] .container,
[dir="rtl"] .shop-container,
[dir="rtl"] .breadcrumb-content {
    direction: rtl;
}

/* Flexbox containers */
[dir="rtl"] .d-flex:not(.flex-column) {
    flex-direction: row-reverse;
}

/* Navigation and menus */
[dir="rtl"] .navbar-nav {
    padding-right: 0;
}

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

/* Forms */
[dir="rtl"] .form-group {
    text-align: right;
}

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

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

/* Icons */
[dir="rtl"] .fa-chevron-right:before {
    content: "\f053"; /* fa-chevron-left */
}

[dir="rtl"] .fa-chevron-left:before {
    content: "\f054"; /* fa-chevron-right */
}

[dir="rtl"] .fa-angle-right:before {
    content: "\f104"; /* fa-angle-left */
}

[dir="rtl"] .fa-angle-left:before {
    content: "\f105"; /* fa-angle-right */
}

/* Buttons with icons */
[dir="rtl"] .btn i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Margins and padding utilities for RTL */
[dir="rtl"] .ms-1 { margin-left: unset; margin-right: 0.25rem; }
[dir="rtl"] .ms-2 { margin-left: unset; margin-right: 0.5rem; }
[dir="rtl"] .ms-3 { margin-left: unset; margin-right: 1rem; }
[dir="rtl"] .ms-4 { margin-left: unset; margin-right: 1.5rem; }
[dir="rtl"] .ms-5 { margin-left: unset; margin-right: 3rem; }

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

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

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

/* Your existing shop RTL styles */
[dir="rtl"] .breadcrumb-content {
    flex-direction: row-reverse;
}

[dir="rtl"] .shop-layout {
    direction: rtl;
}

[dir="rtl"] .shop-product-badge {
    left: auto;
    right: 12px;
}

[dir="rtl"] .shop-product-actions {
    left: 12px;
    right: auto;
}

[dir="rtl"] .shop-mobile-filter-sidebar {
    left: auto;
    right: -100%;
}

[dir="rtl"] .shop-mobile-filter-sidebar.active {
    left: auto;
    right: 0;
}

/* Add more global RTL styles as needed */