/* Arabic RTL overrides for style.css and theme6.css.
   Do not reverse .swiper-wrapper: Swiper reads the page direction and handles RTL transforms itself. */
html[dir="rtl"] {
    direction: rtl;
    --body-font-family: Tahoma, Arial, sans-serif;
    --heading-font-family: Tahoma, Arial, sans-serif;
    --section-heading-font-family: Tahoma, Arial, sans-serif;
}

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: var(--body-font-family), Tahoma, Arial, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: var(--heading-font-family), Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .section-heading-family {
    font-family: var(--section-heading-font-family), Tahoma, Arial, sans-serif;
}

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"] .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .start-0 {
    right: 0 !important;
    left: auto !important;
}

html[dir="rtl"] .end-0 {
    left: 0 !important;
    /* right: auto !important; */
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"] {
    direction: ltr;
    text-align: right;
}

html[dir="rtl"] .p-bullets,
html[dir="rtl"] .category-area .category-content span.span-bullets {
    padding-right: 17px;
    padding-left: 0;
}

html[dir="rtl"] .p-bullets::before,
html[dir="rtl"] .category-area .category-content span.span-bullets::before {
    right: 0;
    left: auto;
}

html[dir="rtl"] .single-product-list .single-product-wrap .product-action a {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .single-product-list .single-product-wrap .product-content {
    border-right: 1px solid rgba(var(--border-color), var(--border-opacity));
    border-left: 0;
}

html[dir="rtl"] .category-area .category-content > *,
html[dir="rtl"] .category-area .category-content .swiper-slide,
html[dir="rtl"] .brand-area .brand-detail > * {
    border-right: 0;
    border-left: 1px solid rgba(var(--border-color), var(--border-opacity));
}

html[dir="rtl"] .category-area .category-content > *:nth-child(2n),
html[dir="rtl"] .category-area .category-content .swiper-slide:nth-child(2n),
html[dir="rtl"] .brand-area .brand-detail > *:nth-child(2n) {
    border-left: 0;
}

.service-area .service-icon {
    padding-left: 15px !important;
}

@media (min-width: 768px) {
    html[dir="rtl"] .brand-area .brand-detail > *:nth-child(2n) {
        border-left: 1px solid rgba(var(--border-color), var(--border-opacity));
    }

    html[dir="rtl"] .brand-area .brand-detail > *:nth-child(3n) {
        border-left: 0;
    }
}

@media (min-width: 992px) {
    html[dir="rtl"] .category-area .category-content > *:nth-child(2n),
    html[dir="rtl"] .category-area .category-content .swiper-slide:nth-child(2n) {
        border-left: 1px solid rgba(var(--border-color), var(--border-opacity));
    }

    html[dir="rtl"] .category-area .category-content > *:nth-child(5n),
    html[dir="rtl"] .category-area .category-content .swiper-slide:nth-child(5n) {
        border-left: 0;
    }
}

@media (min-width: 1200px) {
    html[dir="rtl"] .brand-area .brand-detail > *:nth-child(3n) {
        border-left: 1px solid rgba(var(--border-color), var(--border-opacity));
    }

    html[dir="rtl"] .brand-area .brand-detail > *:nth-child(6n) {
        border-left: 0;
    }
}

@media (min-width: 992px) {
    html[dir="rtl"] .service-area .service-content > * {
        border-right: 0;
        border-left: 1px solid rgba(var(--border-color), var(--border-opacity));
    }

    html[dir="rtl"] .service-area .service-content > *:nth-child(3n) {
        border-left: 0;
    }
}

html[dir="rtl"] label.cust-checkbox-label span.cust-check,
html[dir="rtl"] label.cust-radio-label span.cust-check {
    float: right;
    margin: 0 0 0 5px;
}

html[dir="rtl"] label.cust-checkbox-label input.cust-checkbox,
html[dir="rtl"] label.cust-radio-label input {
    right: 0;
    left: auto;
}

html[dir="rtl"] .mainmenu-content .main-wrap ul.menu-ul li.menu-li .menu-dropdown.menu-sub ul.menudrop-ul li.menudrop-li .menusub-dropdown {
    right: 100%;
    left: auto;
}

html[dir="rtl"] .mainmenu-content .main-wrap ul.menu-ul li.menu-li.menu-right .menu-dropdown.menu-sub ul.menudrop-ul li.menudrop-li .menusub-dropdown,
html[dir="rtl"] .mainmenu-content .main-wrap ul.menu-ul li.menu-li .menu-dropdown.menu-sub ul.menudrop-ul li.menudrop-li.menu-right .menusub-dropdown {
    right: auto;
    left: 100%;
}

html[dir="rtl"] .mobile-menu {
    right: -350px;
    left: auto;
    transition: right 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

html[dir="rtl"] .mobile-menu.active {
    right: 0;
    left: auto;
}

html[dir="rtl"] .cart-drawer {
    right: auto;
    left: -450px;
    transition: left 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

html[dir="rtl"] .cart-drawer.active {
    right: auto;
    left: 0;
}

html[dir="rtl"] a#top {
    right: auto;
    left: 15px;
}

@media (min-width: 576px) {
    html[dir="rtl"] a#top {
        right: auto;
        left: 30px;
    }
}

@media (min-width: 1600px) {
    html[dir="rtl"] a#top {
        right: auto;
        left: 80px;
    }
}

html[dir="rtl"] .slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-prev {
    right: 10px;
    left: auto;
}

html[dir="rtl"] .slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-next {
    right: auto;
    left: 10px;
}

@media (min-width: 1200px) {
    html[dir="rtl"] .slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-prev {
        right: 30px;
        left: auto;
    }

    html[dir="rtl"] .slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-next {
        right: auto;
        left: 30px;
    }

    html[dir="rtl"] .shop-cat-wrap .swiper-buttons button.swiper-prev,
    html[dir="rtl"] .cat-wrap .swiper-buttons button.swiper-prev,
    html[dir="rtl"] .collection-wrap .swiper-buttons button.swiper-prev,
    html[dir="rtl"] .blog-wrap .swiper-buttons button.swiper-prev {
        right: 0;
        left: auto;
        transform: translate(calc(100% + 2.5px), 50%);
    }

    html[dir="rtl"] .shop-cat-wrap .swiper-buttons button.swiper-next,
    html[dir="rtl"] .cat-wrap .swiper-buttons button.swiper-next,
    html[dir="rtl"] .collection-wrap .swiper-buttons button.swiper-next,
    html[dir="rtl"] .blog-wrap .swiper-buttons button.swiper-next {
        right: auto;
        left: 0;
        transform: translate(calc(-100% - 2.5px), 50%);
    }
}

@media (min-width: 1600px) {
    html[dir="rtl"] .shop-cat-wrap .swiper-buttons button.swiper-prev,
    html[dir="rtl"] .cat-wrap .swiper-buttons button.swiper-prev,
    html[dir="rtl"] .collection-wrap .swiper-buttons button.swiper-prev,
    html[dir="rtl"] .blog-wrap .swiper-buttons button.swiper-prev {
        transform: translate(calc(100% + 30px), 50%);
    }

    html[dir="rtl"] .shop-cat-wrap .swiper-buttons button.swiper-next,
    html[dir="rtl"] .cat-wrap .swiper-buttons button.swiper-next,
    html[dir="rtl"] .collection-wrap .swiper-buttons button.swiper-next,
    html[dir="rtl"] .blog-wrap .swiper-buttons button.swiper-next {
        transform: translate(calc(-100% - 30px), 50%);
    }
}

html[dir="rtl"] .ri-arrow-left-line,
html[dir="rtl"] .ri-arrow-left-s-line,
html[dir="rtl"] .ri-arrow-right-line,
html[dir="rtl"] .ri-arrow-right-s-line {
    transform: scaleX(-1);
}

/* Swiper keeps control of slide order, visibility, and transforms in RTL mode. */
html[dir="rtl"] .swiper {
    direction: rtl;
}

@media (min-width: 576px) {
    .psl-sm-30 {
        padding-left: 0px;
        padding-right: 30px;
    }
}