/* RTL polish for Django Unfold admin */

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-feature-settings: "tnum";
}

html[dir="rtl"] .text-left {
    text-align: right !important;
}

html[dir="rtl"] .text-right {
    text-align: left !important;
}

html[dir="rtl"] .float-left {
    float: right !important;
}

html[dir="rtl"] .float-right {
    float: left !important;
}

html[dir="rtl"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

html[dir="rtl"] .module caption,
html[dir="rtl"] .module th,
html[dir="rtl"] .module td {
    text-align: right;
}

html[dir="rtl"] .module td .flex-row,
html[dir="rtl"] .module td .flex {
    justify-content: flex-start;
    gap: 0.75rem;
}

html[dir="rtl"] .module td .flex-row .addlink,
html[dir="rtl"] .module td .flex-row .changelink,
html[dir="rtl"] .module td .flex-row .viewlink {
    margin-right: 0;
}

html[dir="rtl"] .changelist table,
html[dir="rtl"] .module table {
    direction: rtl;
}

html[dir="rtl"] .changelist table th,
html[dir="rtl"] .changelist table td,
html[dir="rtl"] .module table th,
html[dir="rtl"] .module table td {
    text-align: right;
}

html[dir="rtl"] .changelist table td.boolean,
html[dir="rtl"] .changelist table td.action-checkbox {
    text-align: center;
}

html[dir="rtl"] .breadcrumbs ol {
    direction: rtl;
    justify-content: flex-end;
}

html[dir="rtl"] .breadcrumbs li::after {
    transform: rotate(180deg);
}

html[dir="rtl"] .changelist #toolbar,
html[dir="rtl"] .changelist .actions,
html[dir="rtl"] .changelist-filter,
html[dir="rtl"] .form-row,
html[dir="rtl"] .aligned label {
    text-align: right;
}

html[dir="rtl"] .changelist-search {
    direction: rtl;
}

html[dir="rtl"] .changelist-search input {
    text-align: right;
}

html[dir="rtl"] .changelist-search button {
    margin-right: 0.5rem;
}

/* static/admin/css/unfold-rtl.css */
html[dir="rtl"] #header-inner {
    flex-direction: row-reverse;
    justify-content: space-between;
}

html[dir="rtl"] .module td .flex-row, html[dir="rtl"] .module td .flex {
    flex-direction: row-reverse;
}