/* ============================================================
   lang-rtl.css — Triple Star Cargo
   1) سوییچ زبان EN / العربية در تاپ‌بار
   2) پاک‌سازی ظاهر ویجت Google Translate
   3) اصلاحات RTL برای نسخه عربی  (html[dir="rtl"])

   بعد از main.css و theme.css لود می‌شود.
   main.css در اصل RTL نوشته شده و theme.css آن را LTR کرده،
   پس این فایل فقط همان بخش‌ها را برای عربی برمی‌گرداند.
   هیچ رنگی هاردکد نشده — همه از متغیرهای ادمین.
   ============================================================ */

/* ---------- 1. سوییچ زبان ---------- */

.lang-toggle {
  display: inline-flex; align-items: center;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px; overflow: hidden;
}
.lang-toggle .lang-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 3px 11px; min-width: 40px;
  font-size: 12.5px; font-weight: 700; line-height: 1.9;
  color: var(--tp-text); text-decoration: none;
  background: transparent; transition: .18s; white-space: nowrap;
}
.lang-toggle .lang-btn + .lang-btn { border-inline-start: 1px solid rgba(255, 255, 255, .18); }
.lang-toggle .lang-btn:hover { background: rgba(255, 255, 255, .12); color: var(--accent); }
.lang-toggle .lang-btn.is-active {
  background: var(--accent); color: #fff;
}
.tb-lbl { opacity: .7; }

@media (max-width: 620px) {
  .lang-toggle .lang-btn { padding: 3px 9px; min-width: 34px; font-size: 12px; }
  .tb-lbl { display: none; }
}

/* ---------- 2. ویجت Google Translate ---------- */

/* حالت links: ویجت گوگل لازم است ولی نباید دیده شود */
.gt-hidden {
  position: absolute !important; left: -9999px !important; top: 0 !important;
  width: 1px !important; height: 1px !important; overflow: hidden !important;
}
/* نوار بالای صفحه که گوگل اضافه می‌کند */
iframe.skiptranslate,
.goog-te-banner-frame { display: none !important; }
body { top: 0 !important; position: relative; }
/* تولتیپ و های‌لایت گوگل */
#goog-gt-tt, .goog-te-balloon-frame { display: none !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
.goog-te-gadget { font-family: inherit !important; font-size: 12px !important; }
.goog-te-gadget img { display: none !important; }

/* ---------- 3. RTL (عربی) ---------- */

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', 'Noto Naskh Arabic', 'Segoe UI', Tahoma, var(--font-body), sans-serif;
}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4,
html[dir="rtl"] h5, html[dir="rtl"] .sec-title, html[dir="rtl"] .band-title,
html[dir="rtl"] .intro-title, html[dir="rtl"] .page-h1, html[dir="rtl"] .foot-title,
html[dir="rtl"] .brand-text {
  font-family: 'Cairo', 'Noto Kufi Arabic', var(--font-head), sans-serif;
  letter-spacing: 0;
}

/* شماره تلفن، ایمیل و کد رهگیری همیشه LTR می‌مانند */
html[dir="rtl"] bdi,
html[dir="rtl"] .qm__phone,
html[dir="rtl"] .track-code,
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }

/* بلوک‌های محتوا */
html[dir="rtl"] .page-content h2,
html[dir="rtl"] .hcs-content h2,
html[dir="rtl"] .page-section .section-title {
  border-left: 0; border-right: 3px solid var(--accent);
  padding-left: 0; padding-right: 12px;
}
html[dir="rtl"] .page-content blockquote {
  border-left: 0; border-right: 4px solid var(--accent);
  border-radius: 0 var(--radius) var(--radius) 0;
}
html[dir="rtl"] .page-content ul, html[dir="rtl"] .page-content ol,
html[dir="rtl"] .section-text .section-content ul,
html[dir="rtl"] .section-text .section-content ol {
  padding-left: 0; padding-right: 24px;
}
html[dir="rtl"] .page-content thead th,
html[dir="rtl"] .section-table th,
html[dir="rtl"] .section-table caption { text-align: right; }
html[dir="rtl"] .toc-level-3 { padding-left: 0; padding-right: 16px; }
html[dir="rtl"] .faq-question,
html[dir="rtl"] .faq2-q,
html[dir="rtl"] .faq2-q-text,
html[dir="rtl"] .faq2-a-inner { text-align: right; }
html[dir="rtl"] .faq2-a-inner ul, html[dir="rtl"] .faq2-a-inner ol {
  padding-left: 0; padding-right: 22px;
}
html[dir="rtl"] .content-banner {
  border-left: 0; border-right: 4px solid var(--accent);
}
html[dir="rtl"] .comment-reply { border-left: 0; border-right: 3px solid var(--accent); }
html[dir="rtl"] .page-meta time + time {
  padding-left: 0; border-left: 0;
  padding-right: 14px; border-right: 1px solid var(--border);
}
html[dir="rtl"] .intro-text { text-align: right; }

/* فلش‌ها و جهت حرکت */
html[dir="rtl"] .children-list a::before,
html[dir="rtl"] .foot-links a::before,
html[dir="rtl"] .footer-links a::before,
html[dir="rtl"] .breadcrumb li + li::before { content: '‹'; }
html[dir="rtl"] .children-list a:hover { padding-left: 0; padding-right: 8px; }
html[dir="rtl"] .foot-links a:hover { padding-left: 0; padding-right: 3px; }
html[dir="rtl"] .news-item:hover { padding-left: 0; padding-right: 6px; }
html[dir="rtl"] .ip-list a:hover { padding-left: 0; padding-right: 6px; }
html[dir="rtl"] .related-item:hover,
html[dir="rtl"] .download-item:hover,
html[dir="rtl"] .content-banner:hover { transform: translateX(-3px); }
html[dir="rtl"] .related-item-arrow { transform: none; }
html[dir="rtl"] .related-item:hover .related-item-arrow { transform: translateX(-3px); }

/* هدر */
html[dir="rtl"] .main-nav { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .sub-menu { left: auto; right: 0; }
html[dir="rtl"] .head-search input { padding: 0 14px 0 36px; }
html[dir="rtl"] .head-search button { right: auto; left: 10px; }
html[dir="rtl"] .lang-menu { right: auto; left: 0; }
html[dir="rtl"] .skip-link { left: auto; right: -9999px; }
html[dir="rtl"] .skip-link:focus { left: auto; right: 8px; }

@media (max-width: 960px) {
  html[dir="rtl"] .main-nav {
    right: auto; left: -320px;
    transition: left .3s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 10px 0 40px rgba(0, 0, 0, .25);
  }
  html[dir="rtl"] .main-nav.open { left: 0; right: auto; }
  html[dir="rtl"] .nav-close { right: auto; left: 14px; }
  html[dir="rtl"] .sub-menu {
    border-left: 0; border-right: 2px solid var(--hd-hover);
    margin: 2px 14px 6px 0;
  }
  html[dir="rtl"] .brand { margin-right: 0; margin-left: auto; }
  html[dir="rtl"] .topbar-right { margin-left: 0; margin-right: auto; }
}

/* اسلایدر و نوار خدمات */
html[dir="rtl"] .slide-caption {
  background: linear-gradient(270deg, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .18) 55%, transparent 100%);
}
html[dir="rtl"] .strip-prev { left: auto; right: -10px; }
html[dir="rtl"] .strip-next { right: auto; left: -10px; }
html[dir="rtl"] .svc-num { left: auto; right: 12px; }

/* دکمه‌های شناور */
html[dir="rtl"] .wa-float { right: auto; left: 20px; }
html[dir="rtl"] .gt-widget:not(.gt-hidden) { left: auto; right: 12px; }

/* لایت‌باکس گالری */
html[dir="rtl"] .lb-close { right: auto; left: 18px; }
html[dir="rtl"] .lb-prev  { left: auto; right: 18px; }
html[dir="rtl"] .lb-next  { right: auto; left: 18px; }
@media (max-width: 600px) {
  html[dir="rtl"] .lb-close { right: auto; left: 6px; }
  html[dir="rtl"] .lb-prev  { left: auto; right: 6px; }
  html[dir="rtl"] .lb-next  { right: auto; left: 6px; }
}

/* مدال درخواست قیمت و فرم‌ها */
html[dir="rtl"] .qm__x { right: auto; left: 12px; }
html[dir="rtl"] .qm__points li { padding: 0 22px 12px 0; }
html[dir="rtl"] .qm__points li::before { left: auto; right: 0; }
html[dir="rtl"] .qm__hp, html[dir="rtl"] .quote__hp { left: auto; right: -9999px; }
html[dir="rtl"] .form-field textarea,
html[dir="rtl"] .front-form textarea,
html[dir="rtl"] .qm__form textarea,
html[dir="rtl"] .form-field input[type="text"],
html[dir="rtl"] .front-form input[type="text"],
html[dir="rtl"] .qm__form input[type="text"] { direction: rtl; text-align: right; }
html[dir="rtl"] .quote__errors ul { padding-left: 0; padding-right: 18px; }

/* رهگیری بار — تایم‌لاین */
html[dir="rtl"] .track-timeline::before { left: auto; right: 17px; }
html[dir="rtl"] .track-timeline__item { padding: 0 52px 24px 0; }
html[dir="rtl"] .track-timeline__dot { left: auto; right: 0; }