/* --- ФАЙЛ: static/css/rtl.css (ФИНАЛЬНАЯ ВЕРСИЯ) --- */
body, html {
    direction: rtl;
    text-align: right;
}

.main-nav .nav-right, .header-actions {
    margin-left: 0;
    margin-right: auto;
}

.form-actions {
    justify-content: flex-start;
}

label, .page-header h1, .page-header p, .form-container h2, .roster-title, .dashboard-content h4, .login-container h2, .change-password-container h2 {
    text-align: right;
}

.hebrew-field, .hebrew-row {
    text-align: right;
    direction: rtl;
}

.table-container-wrapper td {
    text-align: left;
}
.table-container-wrapper td:before {
    text-align: right;
    margin-right: 0;
    margin-left: 1rem;
}

.nav-right .nav-welcome {
    margin-right: 15px;
    margin-left: 0;
}

.expand-icon {
    transform: rotate(180deg);
}
.summary-row.is-open .expand-icon {
    transform: rotate(0deg);
}

.form-group label .required {
    margin-left: 0;
    margin-right: 2px;
}

/* ================== ИЗМЕНЕНИЕ ЗДЕСЬ: RTL стили для кастомного select ================== */
.form-group .select-wrapper::after {
    right: auto;
    left: 15px; /* Перемещаем стрелку налево */
}

.form-group .select-wrapper select {
    padding-right: 10px; /* Сбрасываем правый отступ */
    padding-left: 30px;  /* Добавляем левый отступ для стрелки */
    text-align-last: right; /* Выравнивание текста в Firefox */
}
/* ================== КОНЕЦ ИЗМЕНЕНИЯ ================== */