/* rtl-style.css - RTL Support for MartX */
/* Add this file after all other CSS files */

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

/* General RTL overrides */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

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

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

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

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

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

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

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

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

/* Margin and Padding utilities */
html[dir="rtl"] .ml-0 { margin-left: 0 !important; margin-right: 0 !important; }
html[dir="rtl"] .mr-0 { margin-right: 0 !important; margin-left: 0 !important; }
html[dir="rtl"] .ml-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
html[dir="rtl"] .mr-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
html[dir="rtl"] .ml-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
html[dir="rtl"] .mr-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
html[dir="rtl"] .ml-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .mr-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .ml-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
html[dir="rtl"] .mr-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
html[dir="rtl"] .ml-5 { margin-left: 0 !important; margin-right: 3rem !important; }
html[dir="rtl"] .mr-5 { margin-right: 0 !important; margin-left: 3rem !important; }

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



/* Banner section */
html[dir="rtl"] .banner-section-two .content-column {
    text-align: right;
}

/* Features sections */
html[dir="rtl"] .features-section-two .row,
html[dir="rtl"] .clients-section-two .row,
html[dir="rtl"] .features-section-four .row,
html[dir="rtl"] .features-section-five .row,
html[dir="rtl"] .section-features .row {
    direction: rtl;
}

html[dir="rtl"] .feature-block {
    float: right;
}


html[dir="rtl"] .justify-content-center {
  direction: ltr;
  
  }


/* Admin panel section */
html[dir="rtl"] .features-section-four .content-column {
    order: 1;
}

html[dir="rtl"] .features-section-four .image-column {
    order: 2;
}

html[dir="rtl"] .features-section-four .inner-column {
    text-align: right;
}

/* Seller dashboard section */
html[dir="rtl"] .features-section-five .content-column {
    order: 2;
}

html[dir="rtl"] .features-section-five .carousel-column {
    order: 1;
}

html[dir="rtl"] .features-section-five .inner-column {
    text-align: right;
}


/* Payment options */
html[dir="rtl"] .row-payment-options {
    direction: rtl;
}

/* Other important features grid */
html[dir="rtl"] .perfect-integration .row {
    direction: rtl;
}

html[dir="rtl"] .feature-block-three {
    float: right;
    text-align: right;
}

/* FAQ section */
html[dir="rtl"] .faq-section .row {
    direction: rtl;
}

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

html[dir="rtl"] .accordion .acc-btn {
    padding: 15px 50px 15px 20px;
    text-align: right;
}

html[dir="rtl"] .accordion .acc-btn .icon {
    left: 20px;
    right: auto;
}

/* Footer */
html[dir="rtl"] .main-footer .row {
    direction: rtl;
}

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

html[dir="rtl"] .footer-widget.about-widget .btn-box {
    text-align: right;
}

html[dir="rtl"] .footer-widget.links-widget ul {
    padding-right: 0;
}

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

html[dir="rtl"] .footer-bottom .copyright-text {
    text-align: center;
}

/* Buttons */
html[dir="rtl"] .theme-btn i {
    margin-left: 5px;
    margin-right: 0;
}

html[dir="rtl"] .btn-style-four i {
    margin-left: 5px;
    margin-right: 0;
}

/* Lists */
html[dir="rtl"] ul {
    padding-right: 20px;
    padding-left: 0;
}

html[dir="rtl"] .list-style-one li {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
}

html[dir="rtl"] .list-style-one li:before {
    left: auto;
    right: 0;
}

/* Owl carousel adjustments */
html[dir="rtl"] .owl-carousel {
    direction: ltr; /* Owl carousel should remain LTR for functionality */
}

html[dir="rtl"] .owl-carousel .owl-item {
    direction: rtl; /* But content inside should be RTL */
}

/* Forms (if any) */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

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

/* Bootstrap grid adjustments */
html[dir="rtl"] .row {
    direction: rtl;
}

html[dir="rtl"] .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
html[dir="rtl"] .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
html[dir="rtl"] .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
html[dir="rtl"] .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
html[dir="rtl"] .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
html[dir="rtl"] .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
html[dir="rtl"] .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
html[dir="rtl"] .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
html[dir="rtl"] .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
html[dir="rtl"] .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: right;
}

/* Clearfix for RTL */
html[dir="rtl"] .clearfix::after {
    clear: both;
    content: "";
    display: table;
}

/* Order adjustments */
html[dir="rtl"] .order-1 { order: 2; }
html[dir="rtl"] .order-2 { order: 1; }
html[dir="rtl"] .order-md-1 { order: 2; }
html[dir="rtl"] .order-md-2 { order: 1; }
html[dir="rtl"] .order-lg-1 { order: 2; }
html[dir="rtl"] .order-lg-2 { order: 1; }

/* Text alignment classes */
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end { text-align: left !important; }

/* Margin auto adjustments */
html[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

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

html[dir="rtl"] .gap-3 > *:last-child {
    margin-left: 0 !important;
}

/* Scroll to top button */
html[dir="rtl"] .scroll-to-top {
    left: 20px;
    right: auto;
}