/* RTL Layout */
.container {
    direction: rtl;
}

/* RTL Navbar */
.navbar-nav {
    margin-right: 0;
    margin-left: auto;
}

.navbar-brand {
    margin-right: 0;
    margin-left: var(--spacing-md);
}

/* RTL Dropdown */
.dropdown-menu {
    text-align: right;
    right: 0;
    left: auto;
}

.dropdown-item {
    text-align: right;
}

.dropdown-item:hover {
    transform: translateX(-10px);
}

/* RTL Badges */
.badge {
    margin-right: 0;
    margin-left: var(--spacing-xs);
}

/* RTL Forms */
.form-control {
    text-align: right;
}

.input-group > .form-control {
    border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
}

.input-group > .input-group-text {
    border-radius: var(--radius-pill) 0 0 var(--radius-pill);
}

/* RTL Tables */
.table {
    text-align: right;
}

/* RTL Sidebar */
.mfd-right-sidebar {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

/* RTL Bottom Navigation */
.bottom-nav {
    direction: rtl;
}

/* RTL Flash Messages */
#flash-message {
    right: auto;
    left: 20px;
}

/* RTL Utility Classes */
.me-1 { margin-left: var(--spacing-xs) !important; }
.me-2 { margin-left: var(--spacing-sm) !important; }
.me-3 { margin-left: var(--spacing-md) !important; }
.me-4 { margin-left: var(--spacing-lg) !important; }
.me-5 { margin-left: var(--spacing-xl) !important; }

.ms-1 { margin-right: var(--spacing-xs) !important; }
.ms-2 { margin-right: var(--spacing-sm) !important; }
.ms-3 { margin-right: var(--spacing-md) !important; }
.ms-4 { margin-right: var(--spacing-lg) !important; }
.ms-5 { margin-right: var(--spacing-xl) !important; }

.pe-1 { padding-left: var(--spacing-xs) !important; }
.pe-2 { padding-left: var(--spacing-sm) !important; }
.pe-3 { padding-left: var(--spacing-md) !important; }
.pe-4 { padding-left: var(--spacing-lg) !important; }
.pe-5 { padding-left: var(--spacing-xl) !important; }

.ps-1 { padding-right: var(--spacing-xs) !important; }
.ps-2 { padding-right: var(--spacing-sm) !important; }
.ps-3 { padding-right: var(--spacing-md) !important; }
.ps-4 { padding-right: var(--spacing-lg) !important; }
.ps-5 { padding-right: var(--spacing-xl) !important; }

/* RTL Text Alignment */
.text-start { text-align: right !important; }
.text-end { text-align: left !important; }

/* RTL Float */
.float-start { float: right !important; }
.float-end { float: left !important; }

/* RTL Flex */
.flex-row-reverse {
    flex-direction: row-reverse !important;
}

/* RTL Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: var(--spacing-sm);
    padding-right: 0;
}

/* RTL Pagination */
.pagination {
    padding-right: 0;
}

/* RTL Modal */
.modal-header .btn-close {
    margin: calc(var(--spacing-sm) * -1) auto calc(var(--spacing-sm) * -1) calc(var(--spacing-sm) * -1);
}

/* RTL Tooltip */
.tooltip {
    direction: rtl;
}

/* RTL Popover */
.popover {
    direction: rtl;
    text-align: right;
}

/* RTL Carousel */
.carousel-control-prev {
    right: 0;
    left: auto;
}

.carousel-control-next {
    left: 0;
    right: auto;
}

/* RTL Timeline */
.timeline-item {
    padding-right: 2rem;
    padding-left: 0;
    border-right: 2px solid var(--border-color);
    border-left: none;
}

.timeline-item::before {
    right: -0.5rem;
    left: auto;
}

/* RTL Service Elements */
.service-image {
    margin-right: 0;
    margin-left: var(--spacing-md);
}

.service-content {
    text-align: right;
}

/* RTL Search Input */
.search-input {
    padding-right: var(--spacing-lg);
    padding-left: 2.5rem;
}

.search-input::before {
    right: var(--spacing-md);
    left: auto;
}

/* RTL Dark Mode Support */
[data-bs-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
    color: var(--text-color);
}

/* RTL Responsive Adjustments */
@media (max-width: 768px) {
    .mfd-right-sidebar {
        left: 0;
        right: auto;
    }
    
    .bottom-nav {
        direction: rtl;
    }
}

/* Layout Adjustments */
html[dir="rtl"] .container {
    margin-right: auto;
    margin-left: 0;
}

/* Breadcrumb */
html[dir="rtl"] .breadcrumb {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .breadcrumb-item {
    display: inline-block !important;
    position: relative !important;
}

html[dir="rtl"] .breadcrumb-item a {
    text-decoration: none !important;
    color: var(--primary-color) !important;
}

html[dir="rtl"] .breadcrumb-item a:hover {
    color: var(--secondary-color) !important;
}

/* Service Elements */
html[dir="rtl"] .service-img {
    margin-left: var(--spacing-md);
}

html[dir="rtl"] .custom-navbar .navbar-nav .nav-item {
    padding-left: var(--spacing-sm);
}

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

html[dir="rtl"] .mfd-footer-list-content li:first-child {
    margin-right: 0 !important;
}

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

/* Cart and Payments */
html[dir="rtl"] .payments .cart-footer {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: right !important;
    width: 100% !important;
    margin-top: var(--spacing-lg) !important;
    margin-bottom: var(--spacing-lg) !important;
}

html[dir="rtl"] .cart .cart-footer {
    margin-right: 17%;
    margin-left: auto;
    text-align: right;
    width: 20%;
    float: left !important;
    margin-top: var(--spacing-lg) !important;
    margin-bottom: var(--spacing-lg) !important;
}

html[dir="rtl"] .mfd-order-price {
    margin-right: var(--spacing-sm) !important;
}

/* Form Elements */
html[dir="rtl"] .mfd-envelope {
    right: var(--spacing-md) !important;
}

html[dir="rtl"] .mfd-eye {
    left: var(--spacing-md) !important;
}

html[dir="rtl"] .mfd-padding {
    padding-right: var(--spacing-xl) !important;
}

html[dir="rtl"] .mfd-envelope-icon {
    right: 21px !important;
}

html[dir="rtl"] .mfd-lock-icon {
    top: 76%;
    left: 21px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Timeline */
html[dir="rtl"] .timeline-item::before {
    left: 50% !important;
}

html[dir="rtl"] .timeline-item:nth-child(1)::before {
    left: 15%;
}

html[dir="rtl"] .timeline-item:nth-child(2)::before {
    left: 15%;
}

html[dir="rtl"] .timeline-item:nth-child(3)::before {
    left: 15%;
}

/* Service Elements */
html[dir="rtl"] .mfd-service-user-logo {
    float: right;
}

html[dir="rtl"] .service-html a {
    text-align: right;
}

html[dir="rtl"] .mfd-lr-margin {
    margin-right: -24px;
    margin-left: 24px;
}

/* Search Input */
html[dir="rtl"] #overlay-text .input-group input {
    font-size: 1.2rem;
    padding: var(--spacing-sm) var(--spacing-md);
    box-shadow: var(--shadow-sm);
    text-align: right;
}

/* Dropdown Menu */
html[dir="rtl"] .navbar-nav .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    min-width: -moz-max-content !important;
    min-width: max-content !important;
    transform: none !important;
    overflow-y: auto;
    /* height: 300px; */
    max-height: -moz-max-content;
    max-height: max-content;
    border-radius: 0 !important;
    right: auto !important;
}

/* Dark Mode Support */
[data-bs-theme="dark"] html[dir="rtl"] .breadcrumb-item a {
    color: var(--text-color) !important;
}

[data-bs-theme="dark"] html[dir="rtl"] .breadcrumb-item a:hover {
    color: var(--secondary-color) !important;
}

/* Additional RTL Utilities */
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end { text-align: left !important; }
html[dir="rtl"] .float-start { float: right !important; }
html[dir="rtl"] .float-end { float: left !important; }
html[dir="rtl"] .me-auto { margin-left: auto !important; margin-right: 0 !important; }
html[dir="rtl"] .ms-auto { margin-right: auto !important; margin-left: 0 !important; }
html[dir="rtl"] .pe-1 { padding-left: var(--spacing-xs) !important; padding-right: 0 !important; }
html[dir="rtl"] .ps-1 { padding-right: var(--spacing-xs) !important; padding-left: 0 !important; }


html[dir="rtl"] .footer-bottom-link::after{
    right: 0 !important;
}

html[dir="rtl"] .footer-title::after {
    right: 0 !important;
}