/* 4.2 (26.09.2026): письмо справа налево (арабский). Подключается только при LANG_META[LANG]['dir'] = 'rtl' — m.tpl,
   после tokens.css и вместо bootstrap.min.css идёт bootstrap.rtl.min.css (официальная сборка 5.3.8: сам Bootstrap уже
   зеркальный). Здесь — наши собственные стили: переменные шрифтов, прослойка BS4-классов из m.tpl, правила tokens.css,
   theme.css и index.tpl, заданные через left/right. Каждое правило начинается с [dir=rtl] — так оно сильнее обычных
   правил из <style> в шаблонах, которые стоят в документе позже этого файла. */

/* ── шрифты: латиница остаётся Inter / Space Grotesk, арабские буквы берутся из IBM Plex Sans Arabic ── */
html[dir=rtl] {
	--font-body: 'Inter', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--font-head: 'Space Grotesk', 'IBM Plex Sans Arabic', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--bs-body-font-family: 'Inter', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}
[dir=rtl] [style*="font-family:'Space Grotesk'"], [dir=rtl] [style*="font-family: 'Space Grotesk'"],
[dir=rtl] #gdpr-cookie-message h4, [dir=rtl] #gdpr-cookie-message h5 { font-family: var(--font-head) !important; }
[dir=rtl] [style*="font-family:'Inter'"], [dir=rtl] [style*="font-family: 'Inter'"],
[dir=rtl] #gdpr-cookie-message button { font-family: var(--font-body) !important; }
/* арабская вязь рвётся от межбуквенного интервала — у заголовков он отрицательный; логотип (латиница) — как был */
[dir=rtl] * { letter-spacing: normal !important; }
[dir=rtl] .brand-word, [dir=rtl] .brand-word * { letter-spacing: -.02em !important; }

/* ── прослойка BS4-классов из m.tpl (text-left, ml-*, pr-* …) — зеркально ── */
[dir=rtl] .text-left { text-align: right !important; }
[dir=rtl] .text-right { text-align: left !important; }
[dir=rtl] .float-left { float: right !important; }
[dir=rtl] .float-right { float: left !important; }
/* поля: сторона меняется; противоположную обнуляем, только если у элемента нет парного класса
   ([class^="x-"], [class*=" x-"] — класс, а не кусок чужого имени) */
[dir=rtl] .ml-auto { margin-right: auto !important; }
[dir=rtl] .ml-auto:not([class^="mr-"]):not([class*=" mr-"]) { margin-left: 0 !important; }
[dir=rtl] .mr-auto { margin-left: auto !important; }
[dir=rtl] .mr-auto:not([class^="ml-"]):not([class*=" ml-"]) { margin-right: 0 !important; }
[dir=rtl] .ml-0 { margin-right: 0 !important; } [dir=rtl] .ml-1 { margin-right: .25rem !important; } [dir=rtl] .ml-2 { margin-right: .5rem !important; }
[dir=rtl] .ml-3 { margin-right: 1rem !important; } [dir=rtl] .ml-4 { margin-right: 1.5rem !important; } [dir=rtl] .ml-5 { margin-right: 3rem !important; }
[dir=rtl] .mr-0 { margin-left: 0 !important; } [dir=rtl] .mr-1 { margin-left: .25rem !important; } [dir=rtl] .mr-2 { margin-left: .5rem !important; }
[dir=rtl] .mr-3 { margin-left: 1rem !important; } [dir=rtl] .mr-4 { margin-left: 1.5rem !important; } [dir=rtl] .mr-5 { margin-left: 3rem !important; }
[dir=rtl] [class^="ml-"]:not(.ml-auto):not([class^="mr-"]):not([class*=" mr-"]),
[dir=rtl] [class*=" ml-"]:not(.ml-auto):not([class^="mr-"]):not([class*=" mr-"]) { margin-left: 0 !important; }
[dir=rtl] [class^="mr-"]:not(.mr-auto):not([class^="ml-"]):not([class*=" ml-"]),
[dir=rtl] [class*=" mr-"]:not(.mr-auto):not([class^="ml-"]):not([class*=" ml-"]) { margin-right: 0 !important; }
[dir=rtl] .pl-0 { padding-right: 0 !important; } [dir=rtl] .pl-1 { padding-right: .25rem !important; } [dir=rtl] .pl-2 { padding-right: .5rem !important; }
[dir=rtl] .pl-3 { padding-right: 1rem !important; } [dir=rtl] .pl-4 { padding-right: 1.5rem !important; } [dir=rtl] .pl-5 { padding-right: 3rem !important; }
[dir=rtl] .pr-0 { padding-left: 0 !important; } [dir=rtl] .pr-1 { padding-left: .25rem !important; } [dir=rtl] .pr-2 { padding-left: .5rem !important; }
[dir=rtl] .pr-3 { padding-left: 1rem !important; } [dir=rtl] .pr-4 { padding-left: 1.5rem !important; } [dir=rtl] .pr-5 { padding-left: 3rem !important; }
[dir=rtl] [class^="pl-"]:not([class^="pr-"]):not([class*=" pr-"]),
[dir=rtl] [class*=" pl-"]:not([class^="pr-"]):not([class*=" pr-"]) { padding-left: 0 !important; }
[dir=rtl] [class^="pr-"]:not([class^="pl-"]):not([class*=" pl-"]),
[dir=rtl] [class*=" pr-"]:not([class^="pl-"]):not([class*=" pl-"]) { padding-right: 0 !important; }

/* ── m.tpl ── */
[dir=rtl] blockquote { border-left: 0; border-right: 10px solid #ccc; }
[dir=rtl] .sgid { margin-left: 0; margin-right: 20px; }
[dir=rtl] .dropdown-item.submenu::after { content: '▸'; margin-left: 0; margin-right: .5rem; }
[dir=rtl] div[style*="bottom: 10px; left: 10px"] { left: auto !important; right: 10px; }
[dir=rtl] #vh-consent { margin-left: 0 !important; margin-right: auto !important; }
[dir=rtl] #gdpr-cookie-message { right: auto !important; left: 24px !important; }

/* ── theme.css / tokens.css ── */
[dir=rtl] .navbar .dropdown-menu-end { right: auto; left: 0; }
[dir=rtl] .breadcrumb-item + .breadcrumb-item { padding-left: 0; padding-right: .55rem; }
[dir=rtl] .breadcrumb-item + .breadcrumb-item::before { content: "\2039"; padding-right: 0; padding-left: .55rem; }
[dir=rtl] .modal-header .close, [dir=rtl] .modal-header .btn-close { right: auto; left: .75rem; }
[dir=rtl] .modal-header .btn-close { right: auto; left: 1rem; }
[dir=rtl] .modal-header .modal-title { padding-right: 0; padding-left: 2.25rem; }
[dir=rtl] .exp-switch .exp-knob { left: auto; right: 2px; }
[dir=rtl] .exp-switch.on .exp-knob { transform: translateX(-18px); }

/* ── главная (index.tpl) ── */
@media (min-width: 881px) { [dir=rtl] .hero-copy { text-align: right; } }
[dir=rtl] .fc1 { right: auto; left: 18px; }
[dir=rtl] .fc2 { left: auto; right: -22px; }
[dir=rtl] .howto-step::after { right: auto; left: -13px; background: linear-gradient(270deg, rgba(25,227,177,.5), transparent); }
[dir=rtl] .tariff-section .tariff-guarantee i { margin-right: 0; margin-left: .25rem; }
[dir=rtl] #vpn-services .morelinks a i { margin-right: 0; margin-left: .45rem; }
/* «ميغابت/ث» переносился по косой черте (375 px) */
[dir=rtl] .hg-stat .m { white-space: nowrap; }

/* ── оферта: пометка о главной версии (стиль задан в oferta.tpl атрибутом style) ── */
[dir=rtl] .oferta-note { border-left: 0 !important; border-right: 3px solid #19E3B1 !important; }

/* ── шаг 3 (проверка 375/1280): сценарии, гео, Dedicated IP, авторы — значки перед текстом и таблица сравнения ── */
[dir=rtl] .uc-why .i i, [dir=rtl] .geo-why .i i, [dir=rtl] .author-creds i { margin-right: 0; margin-left: .4rem; }
[dir=rtl] .uc-more a i { margin-right: 0; margin-left: .35rem; }
[dir=rtl] .dip-cmp th, [dir=rtl] .dip-cmp td { text-align: right; }

/* ── значки со стрелками смотрят «вперёд», то есть влево ── */
[dir=rtl] .fa-arrow-right, [dir=rtl] .fa-arrow-left, [dir=rtl] .fa-chevron-right, [dir=rtl] .fa-chevron-left,
[dir=rtl] .fa-angle-right, [dir=rtl] .fa-angle-left, [dir=rtl] .fa-angle-double-right, [dir=rtl] .fa-angle-double-left,
[dir=rtl] .fa-long-arrow-alt-right, [dir=rtl] .fa-long-arrow-alt-left, [dir=rtl] .fa-caret-right, [dir=rtl] .fa-caret-left,
[dir=rtl] .fa-arrow-circle-right, [dir=rtl] .fa-arrow-circle-left, [dir=rtl] .fa-sign-out-alt, [dir=rtl] .fa-sign-in-alt { transform: scaleX(-1); }

/* ── латинские «острова»: код, конфиги, адреса, логины и пароли пишутся слева направо ── */
[dir=rtl] pre, [dir=rtl] code, [dir=rtl] kbd, [dir=rtl] samp { direction: ltr; unicode-bidi: isolate; text-align: left; }
[dir=rtl] input[type=email], [dir=rtl] input[type=url], [dir=rtl] input[type=tel], [dir=rtl] input[type=password],
[dir=rtl] input[type=number] { direction: ltr; text-align: right; }
[dir=rtl] textarea[readonly] { direction: ltr; text-align: left; }