/* RTL Styles for Persian/Farsi Language */
/* این فایل برای زبان‌های RTL (فارسی، عربی و...) استفاده می‌شود */

/* ============================================
   تنظیم CSS Variables برای RTL (مشابه نسخه انگلیسی)
   ============================================ */
:root[dir="rtl"],
html[dir="rtl"] {
    --font-body: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
    --font-heading: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
    --font-heading-two: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
    --font-heading-three: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
    --font-heading-four: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
    --font-heading-five: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
}

/* ============================================
   تنظیم فونت برای body (مشابه نسخه انگلیسی)
   ============================================ */
body[dir="rtl"],
html[dir="rtl"] body,
[dir="rtl"] body {
    font-family: var(--font-body);
}

/* ============================================
   حفظ فونت Font Awesome برای آیکن‌ها
   ============================================ */
[dir="rtl"] .far,
[dir="rtl"] .fas,
[dir="rtl"] .fab,
[dir="rtl"] .fal,
[dir="rtl"] [class*="fa-"],
[dir="rtl"] i[class*="fa-"],
[dir="rtl"] [class*="fontawesome"],
[dir="rtl"] [class*="icon"]:before,
[dir="rtl"] [class*="icon"]:after,
[dir="rtl"] i:before,
[dir="rtl"] i:after {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'Font Awesome 5 Free' !important;
}

/* ============================================
   تنظیمات RTL برای عناصر مختلف
   ============================================ */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* ============================================
   تنظیمات Header و Menu برای RTL
   ============================================ */

/* جای‌نمایی منوی اصلی برای RTL */
[dir="rtl"] .header-style-two .main-menu__wrap {
    margin-left: 0 !important;
    margin-right: 24px;
}

@media (max-width: 1199px) {
    [dir="rtl"] .header-style-two .main-menu__wrap {
        margin-right: 10px;
    }
}

[dir="rtl"] .header-style-one .main-menu__wrap {
    margin-left: 0 !important;
    margin-right: 0;
}

/* تنظیمات منو برای RTL */
[dir="rtl"] .main-menu ul {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .main-menu ul li {
    margin-left: 0;
}

[dir="rtl"] .main-menu ul li:first-child {
    margin-right: 0;
}

/* تنظیمات submenu برای RTL */
[dir="rtl"] .main-menu ul li .submenu {
    right: auto;
    left: 0;
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .main-menu ul li .submenu li {
    margin-right: 0;
}

/* تنظیمات megamenu برای RTL */
[dir="rtl"] .megamenu .submenu {
    right: auto;
    left: 0;
}

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

[dir="rtl"] .mega_menu_wrapper_inner {
    direction: rtl;
}

/* تنظیمات header-contact برای RTL */
[dir="rtl"] .header-contact {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .header-bar-mobile {
    margin-left: 0;
    margin-right: auto;
}

/* تنظیمات header-top برای RTL */
[dir="rtl"] .header-top span a {
    margin-left: 0;
    margin-right: 40px;
}

@media (max-width: 991px) {
    [dir="rtl"] .header-top span a {
        margin-right: 10px;
    }
}

[dir="rtl"] .header-top span i {
    margin-left: 0;
    margin-right: 5px;
}

[dir="rtl"] .header-top .header-shape .shape--one {
    left: auto;
    right: 30px;
}

[dir="rtl"] .header-top .header-shape .shape--two {
    right: auto;
    left: 30px;
}

/* ============================================
   تنظیم margin و padding برای RTL
   ============================================ */
[dir="rtl"] .ul_li > * {
    margin-left: 0;
    margin-right: 15px;
}

[dir="rtl"] .ul_li > *:last-child {
    margin-right: 0;
}

/* ============================================
   استثنا: نگه داشتن استایل انگلیسی برای اسلایدرها
   ============================================ */
[dir="rtl"] .brand-wrap,
[dir="rtl"] .brand-marquee {
    direction: ltr;
    text-align: left;
}

[dir="rtl"] .sa-tes_button {
    direction: ltr;
}

[dir="rtl"] .sa-tes_button .sa-swiper-btn {
    direction: ltr;
}

/* ============================================
   تنظیمات فوتر برای RTL
   ============================================ */
[dir="rtl"] .footer-widget {
    text-align: right;
}

[dir="rtl"] .footer-widget ul {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .footer-widget ul li {
    margin-left: 0;
    margin-right: 15px;
}

/* تنظیمات footer-link (شبکه‌های اجتماعی) برای RTL */
[dir="rtl"] .footer-link {
    direction: rtl;
}

[dir="rtl"] .footer-link.ul_li {
    direction: rtl;
}

[dir="rtl"] .footer-style-two .footer-copyright .footer-link li {
    margin-right: 15px;
}

[dir="rtl"] .footer-style-two .footer-copyright .footer-link li:not(:last-child) {
    margin-right: 15px;
    margin-left: 0;
}

[dir="rtl"] .footer-style-two .footer-copyright .footer-link li:last-child {
    margin-left: 0;
}

[dir="rtl"] .footer-link li {
    margin-left: 0;
    margin-right: 15px;
}

[dir="rtl"] .footer-link li:last-child {
    margin-right: 0;
}

[dir="rtl"] .footer-link li span {
    margin-left: 0;
    margin-right: 10px;
}

/* تنظیم direction: ltr برای عنوان‌های info-item در فوتر */
[dir="rtl"] .footer-style-two .info-item .xb-item--title {
    direction: ltr;
    text-align: left;
}

/* تنظیم margin برای xb-item--icon در RTL */
[dir="rtl"] .footer-style-two .info-item .xb-item--icon {
    margin-right: 0;
    margin-left: 20px;
}

/* سایر موارد مشابه xb-item--icon با margin-right */
[dir="rtl"] .tp-work-item .xb-item--icon {
    margin-right: 0;
    margin-left: 30px;
}

[dir="rtl"] .pg-pricing-item .xb-item--icon {
    margin-right: 0;
    margin-left: 25px;
}

/* تنظیمات کلی برای ul_li با xb-item--icon */
[dir="rtl"] .ul_li .xb-item--icon {
    margin-right: 0;
}

[dir="rtl"] .ul_li .xb-item--icon:not(:first-child) {
    margin-left: 20px;
}

/* تنظیمات خاص برای service-list-item */
[dir="rtl"] .service-list-item .xb-item--icon {
    margin-right: 0;
    margin-left: 10px;
}

/* ============================================
   تنظیمات فرم برای RTL
   ============================================ */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .xb-item--input_field {
    direction: rtl;
}

[dir="rtl"] .xb-item--input_field input {
    padding-right: 50px;
    padding-left: 15px;
}

[dir="rtl"] .xb-item--input_field .xb-item--btn {
    right: auto;
    left: 0;
}

/* ============================================
   تنظیمات دکمه‌ها برای RTL
   ============================================ */
[dir="rtl"] .thm-btn {
    direction: rtl;
}

[dir="rtl"] .thm-btn img {
    margin-left: 0;
    margin-right: 8px;
}

/* ============================================
   تنظیمات آیکون‌ها برای RTL (جهت‌گیری)
   ============================================ */
[dir="rtl"] .far.fa-angle-right::before {
    content: "\f104"; /* fa-angle-left */
}

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

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

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

/* آیکن‌های fal برای دکمه‌های اسلایدر - بدون تغییر */
[dir="rtl"] .fal.fa-angle-right,
[dir="rtl"] .fal.fa-angle-left {
    /* بدون تغییر - در PHP مدیریت می‌شود */
}

/* ============================================
   تنظیمات container و grid برای RTL
   ============================================ */
[dir="rtl"] .row {
    direction: rtl;
}

[dir="rtl"] .container {
    direction: rtl;
}

/* ============================================
   تنظیمات text-align برای RTL
   ============================================ */
[dir="rtl"] .text-left {
    text-align: right !important;
}

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

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

/* ============================================
   تنظیمات margin و padding برای RTL
   ============================================ */
[dir="rtl"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

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

[dir="rtl"] .pl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

[dir="rtl"] .pr-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

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

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

/* ============================================
   تنظیمات border برای RTL
   ============================================ */
[dir="rtl"] .border-left {
    border-left: none;
    border-right: 1px solid;
}

[dir="rtl"] .border-right {
    border-right: none;
    border-left: 1px solid;
}

/* ============================================
   تنظیمات float برای RTL
   ============================================ */
[dir="rtl"] .float-left {
    float: right !important;
}

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

/* ============================================
   تنظیمات transform برای RTL
   ============================================ */
[dir="rtl"] .xbzoominzoomup {
    transform: scaleX(-1);
}

/* ============================================
   تنظیمات mobile menu برای RTL
   ============================================ */
[dir="rtl"] .xb-header-menu {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .xb-header-nav {
    direction: rtl;
}

[dir="rtl"] .xb-menu-primary {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .xb-menu-primary li {
    margin-left: 0;
    margin-right: 0;
}

/* ============================================
   تنظیمات اضافی برای RTL
   ============================================ */
[dir="rtl"] .stricked-menu .main-menu__wrap {
    margin-left: 0 !important;
}

[dir="rtl"] .header-style-two .stricked-menu .main-menu__wrap {
    margin-right: 24px;
}

@media (max-width: 1199px) {
    [dir="rtl"] .header-style-two .stricked-menu .main-menu__wrap {
        margin-right: 10px;
    }
}

/* ============================================
   تنظیمات RTL برای جدول feature-table
   (ستون توضیحات سمت راست در فارسی)
   ============================================ */

/* گوشهٔ گرد ردیف آخر ستون اول در RTL باید سمت راست باشد */
[dir="rtl"] .feature-table tr:last-child td:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 20px;
}

/* فاصلهٔ داخلی ستون اول از سمت راست در RTL */
[dir="rtl"] .feature-table tr td:nth-child(1),
[dir="rtl"] .feature-table tr th:nth-child(1) {
    padding-right: 60px;
    padding-left: 0;
}

/* ============================================
   المنت‌های نگهدارنده شماره - dir="ltr"
   ============================================ */
[dir="rtl"] .xb-item--number,
[dir="rtl"] .number,
[dir="rtl"] span.number {
    direction: ltr;
    text-align: left;
    display: inline-block;
}

/* ============================================
   تنظیم ارتفاع یکسان برای کارت‌های testimonial
   ============================================ */
[dir="rtl"] .sa-testimonial-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

[dir="rtl"] .sa-testimonial-item .xb-item--inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 550px;
}

[dir="rtl"] .sa-testimonial-item .xb-item--content {
    flex: 1;
    min-height: 120px;
}

/* ============================================
   تنظیمات FAQ (Accordion) برای RTL
   ============================================ */
[dir="rtl"] .xb-faq .accordion_box .block .acc-btn .arrow {
    right: auto;
    left: 40px;
}

@media (max-width: 767px) {
    [dir="rtl"] .xb-faq .accordion_box .block .acc-btn .arrow {
        right: auto;
        left: 5px;
    }
}

[dir="rtl"] .xb-faq .accordion_box .block .content {
    padding: 30px 40px 40px 140px;
}

@media (max-width: 991px) {
    [dir="rtl"] .xb-faq .accordion_box .block .content {
        padding: 30px 40px 40px 40px;
    }
}

@media (max-width: 767px) {
    [dir="rtl"] .xb-faq .accordion_box .block .content {
        padding: 20px;
    }
}




/* hadi styles */

#about .about-left::before {
 display: none;   
}
#about .about-right {
    position: relative;
    margin-left: 0;
    margin-right: 105px;
}
#about .about-right::before {
    position: absolute;
    top: 51%;
    right: -105px;
    content: '';
    height: 96.5%;
    width: 2px;
    transform: translateY(-50%);
    background-color: rgba(12, 17, 29, 0.1);
}
.about-left .title, .about-right .xb-item--title {
    font-weight: 700;
}
[dir="rtl"] .sa-tes_button {
    position: absolute;
    top: 0;
    left: 0;
}
.sa-tes_button .sa-swiper-btn.swiper-button-prev {
    right: -42px;
}
.sa-testimonial-item .xb-item--content {
    font-weight: 600;
    font-size: 16px;
}
.sa-testimonial-item .xb-item--name {
    font-weight: 700;
    font-size: 18px;
}
.sec-title--two .sub-title img {
    margin-left: 6px;
    margin-right: 0px;
}
.team .team-slider .team-item .xb-item--item {
    left: 20px;
    right: unset;
}
.sa-team .swiper-button-prev {
    right: -85px;
    left: unset;
    
}
.sa-team .swiper-button-next {
    left: -85px;
    right: unset;
}
.footer-style-two .info-item::before {
    right: -70px;
    left: unset;
}
.brand-sub_title {
    margin-top: 12px;
}
.about-left .about-item_box .xb-item--content {
    padding-right: 20px;
}