@charset "UTF-8";
/* ==========================================================================
   اصلاحات راست‌به‌چپ
   بیشتر فایل‌ها از خواص منطقی (inline-start/end) استفاده می‌کنند؛ این فایل
   فقط جاهایی را می‌گیرد که مرورگر یا مرزهای جهت‌دار خودکار درست نمی‌شوند.
   ========================================================================== */

html{direction:rtl}
body{direction:rtl;text-align:right}

/* عناصری که مرورگر پیش‌فرض چپ می‌گذارد */
input,select,textarea,button{text-align:right;direction:rtl}
input[type=tel],input[type=email],input[type=url],input[type=password],
input[type=number],.input-ltr,.ltr{direction:ltr;text-align:left}
/* شماره تلفن و قیمت داخل متن فارسی نباید تکه‌تکه شود */
.tel-link,.price-amount,.num,time,.order-number{unicode-bidi:isolate}

/* لیست‌ها: تورفتگی سمت راست */
ul,ol{padding-inline-start:0}
.prose ul,.prose ol{padding-inline-start:1.4em;padding-inline-end:0}

/* نقل‌قول و نوت: خط رنگی سمت راست */
blockquote,.content-note{border-inline-start-width:4px;border-inline-end-width:0}

/* فلش سلکت در RTL باید چپ باشد — در app.css با background-position:left ست شده،
   اینجا فقط برای سلکت‌های داخل فرم‌های تودرتو تکرار می‌شود */
select,.select{background-position:left 12px center}

/* اسکرول افقی: مرورگرهای قدیمی iOS نقطه شروع را چپ می‌گیرند */
.rail,.chip-rail,.table-wrap,.brand-rail,.related-rail{direction:rtl}

/* آیکون‌های جهت‌دار (فلش «ادامه») در RTL باید آینه شوند */
.icon-flip,
.section-more svg,
.pagination .prev svg,
.pagination .next svg,
.breadcrumb svg{transform:scaleX(-1)}

/* گرادیان‌ها و سایه‌های جهت‌دار */
.rail-fade{background:linear-gradient(to left,var(--c-bg),transparent)}

/* اسلایدر: ترتیب اسلایدها در RTL معکوس است */
.hero-slider,.hero-track{direction:rtl}

/* نوار پیشرفت / ریتینگ که با width پر می‌شود باید از راست پر شود */
.bar-fill,.rating-bar-fill{margin-inline-end:0;margin-inline-start:auto}

/* transform های افقی که در LTR نوشته شده‌اند */
[dir=rtl] .slide-in{transform:translateX(100%)}
[dir=rtl] .slide-in.is-open{transform:translateX(0)}

/* جدول: هدر و سلول‌ها همیشه از start */
th,td{text-align:start}

/* فرم شماره موبایل: پیشوند +۹۸ سمت چپ بماند */
.phone-field{display:flex;flex-direction:row-reverse}
.phone-field .prefix{
  display:grid;place-items:center;padding:0 12px;
  background:var(--c-line-2);border:1px solid var(--c-line);
  border-inline-end:0;
  border-start-start-radius:0;border-end-start-radius:0;
  border-start-end-radius:var(--r-md);border-end-end-radius:var(--r-md);
  color:var(--c-ink-3);font-size:13px;direction:ltr;
}
.phone-field .input{
  border-start-end-radius:0;border-end-end-radius:0;
}

/* اسکرول‌بار نازک سمت چپ در پنل‌ها */
.scroll-y{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#D3D9E4 transparent}
.scroll-y::-webkit-scrollbar{width:6px}
.scroll-y::-webkit-scrollbar-thumb{background:#D3D9E4;border-radius:var(--r-full)}

/* محتوای انگلیسی داخل متن فارسی (مدل محصول) */
.model,.sku,code,kbd{direction:ltr;unicode-bidi:isolate;display:inline-block}