/*------------------------------------------------------------------
[RTL Override Stylesheet]
Project:	SCC - Bilingual Arabic/English support
-------------------------------------------------------------------*/

body {
    direction: rtl;
    text-align: right;
    font-family: 'El Messiri', sans-serif !important;
}

/* Set El Messiri font for all text elements in RTL mode */
h1, h2, h3, h4, h5, h6, 
p, span, a, button, input, textarea, select, label, 
.menu ul li a, .menu-mobile ul li a, .btn {
    font-family: 'El Messiri', sans-serif !important;
}

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

/* Floating overrides */
.float-left {
    float: right !important;
}
.float-right {
    float: left !important;
}

/* Header & Menu RTL Overrides */
.menu ul li {
    padding-left: 30px !important;
    padding-right: 0 !important;
}

.menu ul ul {
    left: auto !important;
    right: 0 !important;
    padding: 35px 30px 15px 0 !important;
}

.menu ul ul li {
    text-align: right !important;
}

.menu ul ul li span {
    right: auto !important;
    left: 10% !important;
}

.menu ul ul ul {
    left: auto !important;
    right: 100% !important;
}

/* Shopping Cart Widget */
.widget_shopping_cart {
    right: auto !important;
    left: 70% !important;
}

.widget_shopping_cart .widget_shopping_cart_content ul li {
    text-align: right !important;
}

.widget_shopping_cart .widget_shopping_cart_content ul li .remove {
    right: auto !important;
    left: 0 !important;
}

.widget_shopping_cart .widget_shopping_cart_content ul li .product-title {
    margin-left: 0 !important;
    margin-right: 15px !important;
}

.widget_shopping_cart .widget_shopping_cart_content ul li .quantity {
    left: auto !important;
    right: 40% !important;
}

.widget_shopping_cart .widget_shopping_cart_content ul li .woocommerce-Price-amount {
    left: auto !important;
    right: 40% !important;
}

.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total {
    text-align: right !important;
}

.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total span {
    margin-left: 0 !important;
    margin-right: 35px !important;
}

.widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart__total span .woocommerce-Price-currencySymbol {
    margin-left: 0 !important;
    margin-right: 80px !important;
}

/* Search Header */
.search-header input {
    margin-left: 0 !important;
    margin-right: 3% !important;
    text-indent: -20px !important;
    padding-right: 20px !important;
    text-align: right !important;
}

.search-header span {
    right: auto !important;
    left: 4% !important;
}

/* Introduce sidebar (Slide-out menu/about) */
.introduce {
    right: auto !important;
    left: 0 !important;
    text-align: right !important;
}

.content-introduce {
    padding-left: 0 !important;
    padding-right: 95px !important;
}

.content-introduce .close-introduce {
    right: auto !important;
    left: 10% !important;
}

.content-introduce .img-controduce {
    margin: 30px 0 45px 95px !important;
}

.content-introduce .img-controduce img {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

.content-introduce button {
    margin-left: 0 !important;
    margin-right: -5px !important;
}

.content-introduce a .fab {
    margin-right: 0 !important;
    margin-left: 20px !important;
}

/* Mobile Menu */
.menu-mobile ul li {
    text-indent: -20px !important;
    padding-right: 20px !important;
    text-align: right !important;
}

.menu-mobile ul li .drop-link {
    right: auto !important;
    left: 5% !important;
}

.menu-mobile ul ul li {
    text-indent: -40px !important;
    padding-right: 40px !important;
}

.menu-mobile ul ul ul li {
    text-indent: -60px !important;
    padding-right: 60px !important;
}

/* Banner Pages Header */
.inner-title-page {
    text-align: right !important;
}

.inner-title-page h1:before {
    left: auto !important;
    right: 0 !important;
    -webkit-mask: url(../../imager/line-title2.svg) repeat right center !important;
    mask: url(../../imager/line-title2.svg) repeat right center !important;
}

/* Alignments & grid helpers */
.ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.pe-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}
.ps-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
}

/* Flexbox swap */
.flex-row-reverse-rtl {
    flex-direction: row-reverse !important;
}

/* RTL-specific helpers for components */
.about-img-left {
    padding-right: 0 !important;
    padding-left: 30px !important;
}

.about-content-right {
    padding-left: 0 !important;
    padding-right: 30px !important;
}

/* Adjustments for home page slider buttons / pagination */
.flex-direction-nav .flex-prev {
    left: auto !important;
    right: 10px !important;
}
.flex-direction-nav .flex-next {
    right: auto !important;
    left: 10px !important;
}
.flexslider .flex-direction-nav a.flex-next::before {
    content: "\f104" !important; /* FontAwesome left arrow */
}
.flexslider .flex-direction-nav a.flex-prev::before {
    content: "\f105" !important; /* FontAwesome right arrow */
}

/* Prevent Arabic font override on icon fonts */
.lnr, [class^="lnr-"], [class*=" lnr-"] {
    font-family: 'Linearicons-Free' !important;
}
.fa, .fas, .far, [class^="fa-"], [class*=" fa-"] {
    font-family: 'Font Awesome 5 Free' !important;
}
.fab, [class^="fab-"], [class*=" fab-"] {
    font-family: 'Font Awesome 5 Brands' !important;
}

/* Footer RTL Overrides */
.footer {
    text-align: right !important;
}
.footer .content-footer {
    padding-left: 0 !important;
    padding-right: 50px !important;
}
.footer h2 {
    text-align: right !important;
}
.footer ul {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.footer ul li {
    position: relative !important;
}
.footer .list-inline button {
    left: 5% !important;
    right: auto !important;
}

/* Introductions Section RTL Overrides */
.introduce-homepage .introduce-homepage-left .introduce-homepage-content {
    padding: 80px 60px 110px 0 !important;
    text-align: right !important;
}
.introduce-homepage .introduce-homepage-left .introduce-homepage-content h2:before {
    left: auto !important;
    right: -25% !important;
}

.introduce-homepage .introduce-right {
    text-align: left !important;
}
.introduce-homepage .introduce-right .introduce-homepage-content {
    padding: 80px 0 110px 60px !important;
    text-align: left !important;
}
.introduce-homepage .introduce-right .introduce-homepage-content h2:before {
    right: auto !important;
    left: -25% !important;
}

@media (max-width: 767px) {
    .introduce-left .introduce-homepage-content {
        text-align: right !important;
        padding: 0 25px 0 5px !important;
    }
    .introduce-right .introduce-homepage-content {
        text-align: left !important;
        padding: 0 5px 0 25px !important;
    }
    .introduce-homepage-content h2:before {
        left: auto !important;
        right: -30px !important;
    }
    .introduce-right .introduce-homepage-content h2:before {
        right: auto !important;
        left: -30px !important;
    }
}

/* Fix product details page flexslider image visibility in RTL */
.product-single-detail .flexslider .slides > li {
    display: block !important;
    float: right !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Checkout RTL Overrides */
.checkout-title i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}
.order-summary-item img {
    margin-right: 0 !important;
    margin-left: 15px !important;
}
.payment-selector .form-check-input {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* Flip title-page banner background image horizontally in RTL using pseudo-element */
.title-page {
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    background-size: 0 0 !important; /* Hide original background on parent */
}
.title-page::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: inherit !important; /* Inherits the dynamic inline background-image */
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    transform: scaleX(-1) !important; /* Flip the background horizontally */
    z-index: -1 !important;
}

/* Sidebar widget heading decoration alignment in RTL */
.content-blog-left h2:before,
.content-blog-right h2:before,
.popular-item h2:before,
.filter-price h2:before,
.category-blog h2:before,
.lastest-blog h2:before,
.tag-blog h2:before {
    left: auto !important;
    right: 0 !important;
}

/* Mobile Header RTL overrides */
.mobile-menu-btn-wrapper {
    left: auto !important;
    right: 15px !important;
}
.mobile-cart-icon-wrapper {
    right: auto !important;
    left: 15px !important;
}