/* RR-14217: зеркалирование лендинга и страниц анкет для RTL-языков (ar).
 * app.min.css / accounts.min.css скомпилированы в LTR (физические свойства);
 * здесь точечно переопределяются реально используемые направленные правила.
 * Flex-раскладка (шаги, буллеты, футер, карусель Swiper) зеркалится браузером
 * автоматически через dir="rtl" на <html>; Swiper сам детектит RTL.
 * Имя файла с префиксом landing., чтобы не перекрывать dashboard/static/css/rtl.css
 * (STATICFILES_DIRS кладёт landing/static раньше dashboard/static).
 */

/* Арабская гарнитура: Noto Sans Arabic (css2-линк в шаблонах), латиница — Inter */
html[dir="rtl"] body {
    font-family: "Noto Sans Arabic", Inter, sans-serif;
    text-align: right;
}

/* иконка в кнопке (Google-логин и т.п.) */
[dir="rtl"] .btn svg { margin-right: 0; margin-left: 10px; }

/* hero: отступ контейнера, соцссылки, иллюстрация и декоративные стрелки у h1 */
[dir="rtl"] .s-main-banner .container { padding-left: 0; padding-right: 120px; }
[dir="rtl"] .s-main-banner .social-links { right: auto; left: 20px; }
[dir="rtl"] .main-banner-image { left: auto; right: 520px; }
[dir="rtl"] .main-banner-image--coins { right: auto; left: 0; }
[dir="rtl"] .main-banner-content h1:after { left: auto; right: 168px; }
[dir="rtl"] .main-banner-content h1:before { right: auto; left: 100%; }

/* «Как это работает» / «Почему мы»: чередующиеся отступы и маркеры списков */
[dir="rtl"] .about-item:nth-child(odd) .about-item--content { padding-right: 0; padding-left: 72px; }
[dir="rtl"] .about-item:nth-child(2n) .about-item--content { padding-right: 0; padding-left: 104px; }
[dir="rtl"] .about-item--content li { padding-left: 0; padding-right: 50px; }
[dir="rtl"] .about-item--content ol li:before,
[dir="rtl"] .about-item--content ul li:before { left: auto; right: 0; }

/* отзывы: заголовок, стрелки карусели, аватар и иконка на карточке */
[dir="rtl"] .partners-say-header h2 { margin-right: 0; margin-left: 49px; }
[dir="rtl"] .partners-say-slider-nav button img { transform: scaleX(-1); }
[dir="rtl"] .partners-say-slide img { right: auto; left: 20px; transform: rotate(-10.51deg); }
[dir="rtl"] .partners-say-slide h4:after { margin-left: 0; margin-right: 8px; }

/* модалка входа */
[dir="rtl"] .modal-close { right: auto; left: 10px; }

@media (max-width: 1199.98px) {
    [dir="rtl"] .about-item:nth-child(odd) .about-item--content { padding-left: 0; }
    [dir="rtl"] .about-item:nth-child(2n) .about-item--content { padding-left: 50px; }
}

@media (max-width: 991.98px) {
    [dir="rtl"] .s-main-banner .container { padding-right: 20px; }
    [dir="rtl"] .about-item--content li { padding-right: 45px; }
    [dir="rtl"] .main-banner-content h1 { margin-left: 0; margin-right: 27px; }
    [dir="rtl"] .main-banner-content h1:after { right: auto; left: 50px; }
    [dir="rtl"] .main-banner-content h1:before { left: calc(100% + 10px); }
    [dir="rtl"] .main-banner-image { right: auto; }
}