/* Только базовые RTL стили для сайта */
[dir="rtl"] {
    direction: rtl;
    text-align: right;

    .float-left {
        float: right !important;
    }

    .breadCrumpsLink a .svgIcon {
        margin-left: 0;
        margin-right: 4px;
    }
    .settings_link {
        margin-right: 12px;
        margin-left: 12px;
    }

    .avatar {
        padding-left: 0 !important;
    }
    
    .avatar-block {
        left: 0;
        right: auto;
    }
    
    .float-right {
        float: left !important;
    }

    /* Кнопки и иконки */
    .button-style {
        i, .icon {
            transform: scaleX(-1);
        }
    }

    /* Таблицы */
    #table-content-block {
        direction: rtl;
    }

    /* Стили для инпутов */
    input, 
    textarea {
        /* Сам инпут остается LTR */
        direction: ltr;
        
        /* Только текст внутри будет RTL */
        text-align: right;
    }

    /* Для арабского текста */
    input:where(:lang(ar)),
    textarea:where(:lang(ar)) {
        unicode-bidi: bidi-override;
    }

    /* Для числовых полей, email и других технических полей всегда LTR */
    input[type="number"],
    input[type="email"],
    input[type="tel"],
    input[type="url"] {
        direction: ltr;
        text-align: left;
    }

    /* Для плейсхолдеров */
    input::placeholder,
    textarea::placeholder {
        text-align: right;
    }

    .form_input .text {
        position: absolute;
        left: auto;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .form_input .text.active {
        font-size: 12px;
        top: 2px;
        left: auto;
        right: 20px;
        transform: translateY(0);
    }

    .language_item {
        margin-left: 10px !important;
        margin-right: 0 !important;
        position: relative !important;
    }

    .language_item:after {
        content: "/";
        position: absolute;
        left: -7px !important;
        right: auto !important;
    }

    .language_item:last-child {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .language_item:last-child:after {
        display: none;
    }

    .project-actions_item {
        margin-left: 12px !important;
        margin-right: 0 !important;
    }

    .project-actions_item:last-child {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .visibility-pass {
        position: absolute;
        top: 50%;
        right: auto;
        left: 5px;
        background: #fff;
        cursor: pointer;
        transform: translate(50%, -50%);
    }

    /* Специфичные классы вашего приложения */
    .custom-container {
        direction: rtl;
    }

    .filter-block {
        margin-right: 8px;
        margin-left: 97px;
        margin-bottom: 15px;
    }

    .filter {
        margin-left: 0px;
        margin-right: 4px;
    }

    .modal-window-search {
        right: 50%;
        left: auto;
        transform: translateX(50%);
    }

    .search-title {
        margin-left: 0;
        margin-right: 33px;
    }

    .search-content-block ul li {
        padding-left: 0;
        margin-left: 0;
        padding-right: 9px;
        margin-right: 24px;
    }
    
    .pages-block {
        margin-left: 0;
        margin-right: auto;
    }
    
    .right-sidebar {
        padding-left: 0;
        padding-right: 0;
    }

    .right_bar-icon:last-child {
        margin-left: 0;
    }

    .header-button.first-button {
        border-right: 1px solid #E0E0E0;
    }

    .newSelect {
        margin-right: 0;
        margin-left: 28px;
    }

    .load-button {
        margin-right: 0;
    }

    .header-button.add-button.addDocumentToProject {
        margin-left: 28px;
        margin-right: 28px;
    }

    .notification-popup {
        right: auto;
        left: calc(50% - 19px);
    }

    .help-popup {
        right: auto;
        left: 0;
        box-shadow: inset -1px 0px 0px #f2f2f2;  /* Отзеркаливаем тень */
    }

    .hintRight {
        left: 0;
        right: auto;
        transform: translateX(0);
    }

    .add-button span:first-child {
        margin-left: 8px;
        margin-right: 0;
    }

    .newSelectItem-item-dropdown {
        left: auto;  /* Сбрасываем left */
        right: calc(100% - 12px);  /* Меняем left на right */
    }

    .tab-content .checkbox-block-name:first-child {
        width: 210px;
    }

    .avatar-child-dropdown .avatar-child-dropdown-menu {
        right: auto !important;
        left: 100% !important;
    }

    .form_input-wrapper .form-text {
        left: 103% !important;
        right: auto !important;
    }
    .avatar-block .user-name-block {
        margin-left: 0;
        margin-right: 20px;
    }

    .crumb-nav img {
        transform: rotate(180deg);
    }
}

@import "custom-rtl2.css";



/* dev */
/* [dir="rtl"] * {
    outline: 1px solid red;
} */
/* [dir="rtl"] * {
    overflow-x: visible !important;
}

@media only screen and (min-width: 0px) {
    [dir="rtl"] *:not(html):not(body) {
        background: rgb(255 0 0 / 2%);
    }
    [dir="rtl"] *:not(html):not(body)[style*="width:"], 
    [dir="rtl"] *:not(html):not(body)[style*="width="] {
        background: rgb(255 0 0 / 10%);
    }
} */