/* Основное направление */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* Основная раскладка сайта */
html[dir="rtl"] .wrapper,
html[dir="rtl"] .page-wrapper,
html[dir="rtl"] .layout {
    direction: rtl;
}

/* Sidebar должен оказаться справа */
html[dir="rtl"] .sidebar {
    left: auto;
    right: 0;
}

/* Если content имеет отступ под sidebar */
html[dir="rtl"] .main,
html[dir="rtl"] main,
html[dir="rtl"] .content {
    margin-left: 0;
    margin-right: var(--sidebar-width, 230px);
}

/* Header */
html[dir="rtl"] header,
html[dir="rtl"] .header {
    direction: rtl;
}

/* Flex-блоки, где порядок элементов важен */
html[dir="rtl"] .header-inner,
html[dir="rtl"] .navigation,
html[dir="rtl"] .breadcrumbs,
html[dir="rtl"] .buttons {
    flex-direction: row-reverse;
}

/* Меню */
html[dir="rtl"] .sidebar a,
html[dir="rtl"] .sidebar li {
    text-align: right;
}

/* Текст */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p {
    text-align: right;
}

/* Формы */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    direction: rtl;
    text-align: right;
}

/* Списки */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-left: 0;
    padding-right: 24px;
}

/* Breadcrumbs */
html[dir="rtl"] .breadcrumbs {
    direction: rtl;
}

/* Направленные иконки */
html[dir="rtl"] .arrow,
html[dir="rtl"] .chevron,
html[dir="rtl"] .next-icon,
html[dir="rtl"] .prev-icon {
    transform: scaleX(-1);
}

/* Sidebar справа */
html[dir="rtl"] .sidebar {
    left: auto !important;
    right: 0 !important;
}

/* Освобождаем место справа вместо слева */
html[dir="rtl"] body {
    padding-left: 0 !important;
    padding-right: var(--sidebar-width) !important;
}
html[dir="rtl"] .sidebar {
    direction: rtl;
}

html[dir="rtl"] .sidebar__item,
html[dir="rtl"] .sidebar__top-item,
html[dir="rtl"] .sidebar__support {
    text-align: right;
}
html[dir="rtl"] .sidebar .arrow,
html[dir="rtl"] .sidebar .chevron {
    transform: scaleX(-1);
}