/*
    لایهٔ راست‌به‌چپ قالب — فقط برای صفحه‌هایی بارگذاری می‌شود که جهتشان rtl است (فارسی).

    مرجع: fa.nanops.co. آن سایت همان style.css و همان بوت‌استرپ چپ‌به‌راست نسخهٔ انگلیسی را سرو
    می‌کند و فقط سه چیز را عوض کرده است:
      ۱) `.rtl { direction: rtl }` (در revolution/settings.css مرجع) روی body با کلاس `rtl`؛
      ۲) فونت فارسی به‌جای Open Sans/Montserrat؛
      ۳) ده قاعدهٔ اختلاف در style.css فارسی.
    همین سه مورد اینجا آمده؛ هر قاعده یک درجه specificity بیشتر از قاعدهٔ شیت مرجع/قالب دارد
    (`.nps-body.rtl` …) تا بدون `!important` و بدون وابستگی به ترتیب بارگذاری برنده شود.

    فونت مرجع (`bmifont`) روی خود fa.nanops.co هم پیدا نمی‌شود (۴۰۴) و صفحه با فونت پیش‌فرض
    مرورگر رندر می‌شود؛ اینجا Vazirmatn (SIL OFL 1.1) جای آن است، داخل خود قالب.
*/

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/vazirmatn/vazirmatn-300.woff2") format("woff2");
    font-weight: 100 300;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/vazirmatn/vazirmatn-400.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/vazirmatn/vazirmatn-500.woff2") format("woff2");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/vazirmatn/vazirmatn-600.woff2") format("woff2");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Vazirmatn";
    src: url("../fonts/vazirmatn/vazirmatn-700.woff2") format("woff2");
    font-weight: 700 900;
    font-display: swap;
}

/*
    جهت و فونت. توکن‌های فونت روی همین body بازتعریف می‌شوند، پس هر قاعده‌ای که از
    `--nps-font*` یا `--pbx-font*` می‌خواند خودبه‌خود فارسی می‌شود. حروف لاتین (نام محصولات،
    WE INVENT THE METHOD) اگر در Vazirmatn نباشند به همان Open Sans نسخهٔ انگلیسی می‌افتند.
*/
.nps-body.rtl {
    --nps-font-rtl-stack: var(--nps-font-rtl, "Vazirmatn", "Open Sans", Tahoma, sans-serif);
    --nps-font: var(--nps-font-rtl-stack);
    --nps-font-heading: var(--nps-font-rtl-stack);
    --pbx-font: var(--nps-font-rtl-stack);
    --pbx-font-heading: var(--nps-font-rtl-stack);
    --pbx-font-primary: var(--nps-font-rtl-stack);
    --pbx-font-secondary: var(--nps-font-rtl-stack);
    --pbx-font-text: var(--nps-font-rtl-stack);
    --pbx-font-accent: var(--nps-font-rtl-stack);
    direction: rtl;
    font-family: var(--nps-font-rtl-stack);
}

/* ------------------------------------------- ده قاعدهٔ اختلاف style.css فارسی ---- */

.nps-body.rtl .social-icons-simple {
    text-align: right;
}

.nps-body.rtl .sidemenu_btn {
    right: auto;
    left: 20px;
}

.nps-body.rtl .side-menu .btn-close {
    right: auto;
    left: 20px;
}

.nps-body.rtl .side-nav .navbar-nav .nav-item,
.nps-body.rtl .side-nav .poshesh-nav__item {
    text-align: right;
}

.nps-body.rtl .side-menu p {
    text-align: right;
}

/* `\f0d9` (caret-left) به‌جای `\f0da` و فاصله در سمت دیگر — همان `ul.links li a::before` مرجع فارسی. */
.nps-body.rtl .nps-footer-links .poshesh-nav__link::before {
    margin-right: 0;
    margin-left: 5px;
    content: "\f0d9";
}

.nps-body.rtl .nps-footer-links .poshesh-nav__link:hover::before {
    padding-right: 0;
    padding-left: 5px;
}

/* جملهٔ راهنمای بنر در مرجع فارسی تمام‌عرض است، نه در ستون نیم‌عرض وسط. */
.nps-body.rtl .page-header .col-lg-6 {
    width: 100%;
    margin-left: 0;
}

.nps-body.rtl .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: .5rem;
    padding-left: inherit;
}

/* --------------------------------------------------- جدول مشخصات فنی محصول ---- */
/*
    شیت قالب جدول‌ها را صریحاً چپ‌به‌راست کرده است (برای نسخهٔ انگلیسی). در مرجع فارسی جدول
    جهت صفحه را دارد: ستون اول (نام مشخصه) در راست و عنوان «مشخصات فنی» راست‌چین.
*/
.nps-body.rtl .nps-specifications-current .poshesh-tabs-panel > div:has(> table),
.nps-body.rtl .nps-specifications-current .poshesh-tabs-panel table {
    direction: rtl;
}

.nps-body.rtl .nps-specifications-current .poshesh-tabs-panel th[colspan] {
    text-align: right;
}

/* ------------------------------------------------------------------ اسلایدر ---- */
/*
    اسلایدر مرجع (Slider Revolution) جایگاه‌ها را فیزیکی می‌دهد، پس در fa.nanops.co هم ریل
    شبکه‌های اجتماعی سمت راست و گلوله‌های ناوبری سمت چپ می‌مانند — همان نسخهٔ انگلیسی. شیت
    قالب این دو را با `inset-inline-*` چیده که در صفحهٔ راست‌به‌چپ جابه‌جا می‌شوند؛ اینجا به
    همان جای فیزیکی برمی‌گردند.
*/
.nps-body.rtl .nps-hero__social {
    inset-inline-start: 40px;
    inset-inline-end: auto;
}

.nps-body.rtl .nps-hero__dots {
    inset-inline-start: auto;
    inset-inline-end: 30px;
}

/*
    فاصلهٔ تصویر بخش «رسالت» خانه: مرجع `offset-lg-1` بوت‌استرپ چپ‌به‌راست است، یعنی
    margin-left حتی در صفحهٔ فارسی؛ شیت قالب آن را منطقی (`margin-inline-start`) نوشته که در
    راست‌به‌چپ به سمت دیگر می‌رود.
*/
@media (min-width: 992px) {
    .nps-body.rtl .nps-method-picture {
        margin-inline-start: 0;
        margin-inline-end: 8.333333%;
    }
}

/*
    شماره تلفن و ایمیل داخل متن فارسی: بعد از واژه‌ای مثل «تلفن:» رقم‌ها «عدد عربی» حساب می‌شوند و
    خط تیره دیگر آن‌ها را به هم نمی‌چسباند، پس `98-31-37454095` تکه‌تکه و وارونه نمایش داده
    می‌شود. مرجع فارسی این پیوندها را ایزوله دارد؛ همین یک خط آن رفتار را برمی‌گرداند.
*/
.nps-body.rtl a[href^="tel:"],
.nps-body.rtl a[href^="mailto:"] {
    unicode-bidi: isolate;
}

/* شعار پایین بخش راه‌حل‌ها در مرجع فارسی سمت چپ است (نسخهٔ انگلیسی سمت راست). */
.nps-body.rtl .nps-solution-footer {
    text-align: left;
}

/* کارت‌های «پروژه‌های پیشین» در مرجع انگلیسی وسط‌چین‌اند و در مرجع فارسی راست‌چین. */
.nps-body.rtl.nps-solutions .poshesh-card .poshesh-card-body {
    text-align: right;
}