/* لایه‌ی سازگاری صفحات قدیمی زیر قالب جدید (فقط با فلگ روشن بار می‌شود) — مکمل bs4-compat.css
   صفحات قدیمی با Bootstrap 4 (LTR + RTL دستی در app.css) نوشته شده‌اند؛ این کلاس‌ها در BS5 حذف یا «منطقی» شده‌اند.
   اینجا همان معنای فیزیکی BS4 را نگه می‌داریم تا چیدمان بدنه‌ی صفحات عوض نشود. */

/* فاصله‌های فیزیکی BS4 که در صفحات به‌کار رفته‌اند (mr-/ml-/pr-/pl- 1..5؛ صفرها در bs4-compat هستند) */
.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}
.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}
.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}
.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}
.mx-auto{margin-left:auto!important;margin-right:auto!important}

/* تراز و شناوری فیزیکی */
.text-right{text-align:right!important}
.float-right{float:right!important}
.font-weight-bold{font-weight:700!important}
.font-weight-normal{font-weight:400!important}
.font-italic{font-style:italic!important}

/* دکمه‌ی بستن مودال‌های ورود/ثبت‌نام (markup قدیمی <button class="close">&times;</button> زیر BS5) */
.modal .close{background:none;border:0;font-size:1.75rem;line-height:1;color:#111;opacity:.55;padding:.25rem .5rem;cursor:pointer;transition:opacity .15s ease}
.modal .close:hover,.modal .close:focus-visible{opacity:.9;outline:none}
.modal .close:focus-visible{box-shadow:0 0 0 3px rgba(184,6,31,.25);border-radius:.375rem}

/* فرم‌های قدیمی داخل مودال‌ها: در BS5 .form-control ارتفاع/پدینگ کمی متفاوت است؛ حداقل ارتفاع لمسی حفظ شود */
.modal .form-control{min-height:44px}

/* دکمه‌های مودال ورود/ثبت‌نام («مرحله بعد»، «ورود»، …): markup قدیمی col-1 + col-10.offset-1 زیر BS5-RTL از مرکز خارج می‌شود؛
   ستون خالی حذف و ستون دکمه تمام‌عرض و مرکزچین می‌شود */
.modal .row > .col-1:empty{display:none}
.modal .row > .col-10.offset-1{flex:0 0 100%;width:100%;max-width:100%;margin:0!important;text-align:center}
.modal .btn.stretch,.modal .mybtn.stretch{display:block;width:100%;max-width:340px;margin:0 auto}

/* دکمه‌ی «رفتن به بالا»: site.css آن را با inset-inline-start می‌نشاند که در RTL یعنی پایین-راست و روی ویجت گفتینو می‌افتد؛
   اینجا فیزیکی به پایین-چپ می‌رود (گفتینو سر جای خودش می‌ماند) */
#gttop{inset-inline:auto;left:22px;right:auto}
@media (max-width:767.98px){#gttop{left:14px;bottom:18px}}

/* تصاویر داخل متن صفحات قدیمی با عرض ثابت (width="350"…) در موبایل از صفحه بیرون می‌زنند؛ مثل img-fluid محدود می‌شوند
   (انتخابگر تک‌عنصری است؛ هر قاعده‌ی کلاس‌دار مثل .hero-map یا .ps-ticker-item img بر آن غلبه می‌کند) */
img{max-width:100%;height:auto}

/* نشان شماره‌دار عنوان‌های صفحات تتر/ترون (.titleBox2؛ استایل درون‌صفحه‌ای left:-40px) در موبایل ۶px از لبه‌ی چپ بیرون می‌زند و اسکرول افقی می‌سازد؛
   با یک سطح اختصاصیت بیشتر از قاعده‌ی درون‌صفحه‌ای، کمی داخل‌تر می‌نشیند */
@media (max-width:768px){body .titleBox2 .title img{left:-30px}}

/* نوار قیمت/جدول‌های قدیمی: اعداد یکنواخت */
.table td,.table th{font-variant-numeric:tabular-nums}