/* ========================================================= */
/* 1. تنظیمات جهت دهی عمومی (General Direction Settings) */
/* ========================================================= */
body {
    text-align: right;
}

/* ========================================================= */
/* 2. تغییر جهت مارجین و پدینگ (Margin & Padding) */
/*
   (LTR) left/right تبدیل به (RTL) right/left می‌شوند.
*/
/* ========================================================= */
.float-start, .float-left {
    float: right !important; /* start (left) to right */
}
.float-end, .float-right {
    float: left !important;  /* end (right) to left */
}

/* برای عناصر فلکس‌باکس: راست‌چین کردن محتوا */
.justify-content-start {
    justify-content: flex-end !important;
}
.justify-content-end {
    justify-content: flex-start !important;
}

/* برای فونت آوسام (Font Awesome) جهت چرخش آیکون‌ها */
.fa-arrow-right:before {
    content: "\f060"; /* به fa-arrow-left تبدیل شود */
}
.fa-arrow-left:before {
    content: "\f061"; /* به fa-arrow-right تبدیل شود */
}

/* ========================================================= */
/* 3. اصلاحات المان‌های خاص (Specific Element Fixes) */
/* ========================================================= */

/* - Navbar/Header - */
.header-name {
    /* اطمینان از قرارگیری در مرکز یا راست */
    margin-left: unset;
    margin-right: auto; 
}
.back-btn a {
    /* دکمه "بازگشت" باید در سمت راست باشد */
    transform: rotate(180deg);
}

/* - Input Fields (intlTelInput.css) - */
/* معکوس کردن جای پرچم و شماره‌گیر */
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 52px; /* فضا برای پرچم در سمت چپ */
    padding-left: 6px; /* پدینگ سمت راست برداشته شود */
}
.iti__flag-container {
    right: auto;
    left: 0; /* پرچم به سمت چپ منتقل شود */
}
.iti__selected-dial-code {
    margin-left: 0;
    margin-right: 6px;
}
.iti__arrow:before {
    /* چرخش آیکون فلش برای RTL */
    transform: scaleX(-1); 
}

/* - List-group / Checkbox (Cancel Ride) - */
.cancel-ride-main .form-check-input.custom-input {
    float: left !important; /* دکمه رادیویی به چپ برود */
}

/* - Driver Trip / Slide to Cancel - */
.btn-slide2 span.circle2 {
    float: right; /* دایره به راست برود */
    left: unset;
    right: 0;
}
.btn-slide2:hover span.circle2 {
    left: unset;
    right: 100%;
    margin-right: -43px;
}
.btn-slide2 span.title2, .btn-slide2 span.title-hover2 {
    left: unset;
    right: 100px; /* متن به سمت راست منتقل شود */
}
.btn-slide2:hover span.title2 {
    left: unset;
    right: 40px; /* متن به سمت راست منتقل شود */
}
.btn-slide2:hover span.title-hover2 {
    left: unset;
    right: 80px; /* متن به سمت راست منتقل شود */
}

/* - Map/Location Icons - */
.yellow::before {
    /* خط چین باید به سمت راست برود */
    border-left: none;
    border-right: 2px dashed #212B46;
    left: unset;
    right: 8px;
}
.ride-txt1 {
    /* محتوای آدرس به راست منتقل شود */
    margin-left: unset;
    margin-right: 12px;
}
/* Offcanvas - منوی کناری */

/* تغییر موقعیت منوی شروع (Start) از چپ به راست */
.offcanvas-start {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); /* اعمال border به سمت چپ */
    transform: translateX(100%); /* برای پنهان شدن به سمت راست برود */
    -webkit-transform: translateX(100%);
}

/* جهت نمایش: باید به حالت بدون انتقال (None) برگردد */
.offcanvas-start.show:not(.hiding), .offcanvas-start.showing {
    transform: none;
    -webkit-transform: none;
}

/* تغییر آیکون بستن منو (Close Button) */
.sidecanvas .offcanvas-header {
    justify-content: flex-start; /* دکمه بستن به سمت راست برود */
}
.sidecanvas .offcanvas-header .btn-close {
    margin-right: 0; 
    margin-left: auto; /* انتقال دکمه به سمت راست */
}

/* آیکون‌های فلش به راست (مثل >) باید به چپ (مثل <) تبدیل شوند */
.fa-chevron-right, .fa-angle-right, .fa-arrow-right {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

/* اگر آیکون‌های فلش به چپ (مثل <) هم دارید، آن‌ها را به راست (مثل >) تبدیل می‌کنیم */
.fa-chevron-left, .fa-angle-left, .fa-arrow-left {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.back-btn a {
    transform: rotate(180deg) !important; /* چرخش کامل 180 درجه */
    -webkit-transform: rotate(180deg) !important;
    display: inline-block; /* برای اعمال transform */
}
/* اگر دکمه بستن منو (x) نیز در header است و یک آیکون فلش دارد */
.icon-back-btn { /* قبلا این کلاس را برای دکمه بستن منو درنظر گرفتیم */
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
}
.list-group-item .fa-chevron-right {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

/* برای فلش‌های آیتم‌های منو در Sidebar */
.offcanvas .list-group-item i.fa-angle-right { /* کلاس دقیق آیکون را چک کنید */
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.nested-accordion {
    position: relative; /* مطمئن می‌شویم که پدربزرگ position:relative دارد */
}
.faq-txt1:before {
    /* موقعیت آیکون از راست (right) به چپ (left) منتقل می‌شود */
    right: auto !important;
    left: 0 !important;
}

/* آکاردئون Platinum Screen (Home/Setting) */
.home_faq_accodian_title::after,
.faqs_accodian_title::after {
    /* موقعیت آیکون از راست (right) به چپ (left) منتقل می‌شود */
    right: auto !important;
    left: 16px !important;
    /* چرخش آیکون‌های فلش برای درست شدن جهت */
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    top: 16px; /* تنظیم مجدد ارتفاع آیکون */
}

/* در حالت فعال (Active) فلش باید بچرخد تا به جهت مخالف (بالا) برود */
.home_faq_accodian_title.active::after,
.faqs_accodian_title.active::after {
    /* برای فلش دوم، چرخش را برمی‌گردانیم تا به نظر برسد که در جهت بالا است */
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

/* آیکون فلش کنار آیتم‌های لیست تنظیمات (مثلاً language.html) */
.icon-back-btn {
    /* موقعیت آیکون را قبلاً به چپ بردیم، حالا فقط مطمئن می‌شویم که چرخش درست باشد */
    margin-left: 0 !important;
    margin-right: auto !important;
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
}
.iti__arrow:before {
    /* 1. موقعیت آیکون را از چپ (left: 0) به راست (right: 0) منتقل می‌کنیم. */
    left: auto !important;
    right: 0 !important;

    /* 2. padding و margin را برای انتقال به سمت راست معکوس می‌کنیم */
    padding-left: 0 !important;
    padding-right: 20px;

    /* 3. جهت نمایش آیکون را با چرخش 180 درجه معکوس می‌کنیم */
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/* این کدها قبلاً ارائه شده‌اند - مطمئن شوید که در rtl.css هستند */
.iti--allow-dropdown input, 
.iti--allow-dropdown input[type=text], 
.iti--allow-dropdown input[type=tel], 
.iti--separate-dial-code input, 
.iti--separate-dial-code input[type=text], 
.iti--separate-dial-code input[type=tel] {
    padding-right: 52px !important; /* فضای کافی برای پرچم و فلش */
    padding-left: 6px !important;
    margin-left: 0 !important;
}

.iti__flag-container {
    right: auto !important;
    left: 0 !important; /* پرچم به سمت چپ منتقل شود */
}
.icon-back-btn {
    /* موقعیت را از راست به چپ منتقل می‌کند (اگر قبلا فقط از margin-left استفاده کرده بودید) */
    margin-right: auto !important; /* اگر از flexbox استفاده شده باشد */
    margin-left: 0 !important;
    
    /* جهت فلش را معکوس می‌کند تا به سمت چپ (انتهای خط) اشاره کند */
    transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    display: flex; /* مطمئن شدن برای اعمال transform */
    align-items: center; 
}


/* اصلاح جهت عمومی آیکون‌های SVG (در صورت نیاز) */
.setting-deatils svg {
    /* در برخی موارد، آیکون‌های داخل svg باید به صورت جداگانه چرخانده شوند تا جهت کلی درست شود */
    transform: scaleX(-1); 
}
.slider-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    /* ... بقیه استایل‌ها */
}
.slider-btn {
    /* معکوس کردن ترتیب آیتم‌ها در flex container */
    flex-direction: row-reverse !important; 
}
/* اگر نیاز به اصلاح float های داخلی دکمه‌ها داریم: */
.skip-btn {
    float: left !important;
}
.next-btn {
    float: right !important;
}