/* ====================================================================== RTL — правостороннее направление для персидского ====================================================================== Подключается только когда , поэтому на остальных языках ничего не меняет. Зеркалятся ровно те правила style.css, которые несут сторону; симметричные пары (left:0 вместе с right:0) не трогаем. ====================================================================== */ [dir="rtl"] body { text-align: right; } /* --- Шапка ---------------------------------------------------------- */ [dir="rtl"] .header .logo { margin-right: 20px; margin-left: auto; padding-right: 0; padding-left: 20px; } [dir="rtl"] .language-switcher { margin-right: auto; margin-left: 20px; } /* --- Боковая колонка ------------------------------------------------ */ [dir="rtl"] .aside_fixed { left: auto; right: 50%; margin-left: 0; margin-right: -960px; } [dir="rtl"] .aside_nav .menuItem { padding-left: 0; padding-right: var(--spacing-md); border-left: none; border-right: 2px solid var(--color-accent-2); } [dir="rtl"] .div_article { padding-left: 0; padding-right: var(--aside-width); } [dir="rtl"] .top_button { margin-left: 0; margin-right: 133px; } /* --- Контент -------------------------------------------------------- */ [dir="rtl"] .single ol { margin-left: 0; margin-right: 20px; } [dir="rtl"] .single ul li { padding-left: 0; padding-right: 25px; } /* Маркер списка привязан к левому краю псевдоэлементом. */ [dir="rtl"] .single ul li::before, [dir="rtl"] .single ul li::after { left: auto; right: 0; } [dir="rtl"] .content-table thead th, [dir="rtl"] .breadcrumbs { text-align: right; } /* --- FAQ: плюс/минус уезжает к началу строки ------------------------ */ [dir="rtl"] .faq_item h3 { padding-right: 0; padding-left: var(--spacing-md); } [dir="rtl"] .faq_item h3::after { right: auto; left: 0; } /* --- Списки определений в глоссарии --------------------------------- */ [dir="rtl"] .single .glossary_list dd { margin-right: 0; } /* --- Латиница и числа внутри персидского текста --------------------- Страницы полны смешанных строк вида «کازینو Safabet ...» и сумм с латинскими символами. Изоляция не даёт двунаправленному алгоритму переставлять их местами. */ [dir="rtl"] .content-table td, [dir="rtl"] .content-table th, [dir="rtl"] .glossary_list dt { unicode-bidi: plaintext; } /* --- Планшет и мобильные -------------------------------------------- */ @media (max-width: 1280px) { [dir="rtl"] .aside_fixed { left: auto; right: 0; margin-right: 0; } [dir="rtl"] .div_article { padding-right: var(--aside-width); padding-left: 0; } } @media (max-width: 1024px) { [dir="rtl"] .aside_fixed { left: 0; right: 0; margin-right: 0; } [dir="rtl"] .div_article { padding: 0; } [dir="rtl"] .aside_nav .menuItem { border-right: none; } [dir="rtl"] .header .logo { margin-right: 20px; margin-left: auto; padding-left: 20px; padding-right: 0; } [dir="rtl"] .language-switcher { margin-right: auto; margin-left: 10px; } }