/* ==========================================================================
   Правки поверх автоматического зеркалирования.

   css/style-rtl.css генерируется из style.css командой
       npx rtlcss@4 css/style.css css/style-rtl.css
   и при каждой правке стилей пересобирается заново — руками его не трогать.
   Всё, что rtlcss сделать не может, лежит здесь: этот файл написан руками
   и переживает пересборку.
   ========================================================================== */

/* Арабскую графику Inter не покрывает — для неё отдельная гарнитура.
   Подключается только при is_rtl(), см. inc/assets.php. */
body {
  font-family: 'IBM Plex Sans Arabic', 'Inter', system-ui, sans-serif;
}

/* Стрелки — направленные знаки: в тексте справа налево «дальше» это влево.
   rtlcss переворачивает координаты, но не содержимое иконок. */
.link-arrow svg,
.article__link svg,
.matter__link svg,
.industry__link svg,
.help__title svg,
.cta__channel-arrow,
.btn--primary svg,
.cform__submit svg,
.crumbs svg,
.slider-bar__arrows svg {
  transform: scaleX(-1);
}

/* Стрелка «наружу» у мессенджеров и плиток отраслей смотрит по диагонали:
   зеркалим только по горизонтали, наклон сохраняется. */
.messenger__arrow,
.sector__arrow svg {
  transform: scaleX(-1);
}

/* Числовые подписи и коды языков остаются слева направо: «01», «EN»
   и телефон в RTL-контексте иначе разворачиваются посимвольно. */
.detail__index,
.step__num,
.help__index,
.glance__num,
.lang-card__badge,
.lang__current,
.footer__contacts a[href^='tel'],
.contact-item__value[href^='tel'] {
  direction: ltr;
  unicode-bidi: embed;
}

/* Ромбовидный маркер списка определений рисуется псевдоэлементом слева —
   после зеркалирования его нужно вернуть на сторону текста. */
.deflist li {
  padding-left: 0;
  padding-right: 22px;
}

.deflist li::before {
  left: auto;
  right: 0;
}

/* Стрелка селекта. Генератор дописал left, но не снял right из исходного
   правила — в RTL побеждало right, и стрелка наезжала на текст справа. */
.cform__chevron {
  right: auto;
  left: 16px;
}