body.rtl {
    direction: rtl;
    text-align: right;
    font-family: 'Tajawal', 'Inter', system-ui, sans-serif;
}

body.rtl table {
    direction: rtl;
}

body.rtl th,
body.rtl td {
    text-align: right;
}

body.rtl th:last-child,
body.rtl td:last-child {
    text-align: left;
}

body.rtl .text-left {
    text-align: right !important;
}

body.rtl .text-right {
    text-align: left !important;
}

body.rtl input,
body.rtl textarea,
body.rtl select {
    text-align: right;
}

body.rtl input[type="number"],
body.rtl input[type="email"],
body.rtl input[type="url"],
body.rtl input[type="tel"] {
    direction: ltr;
    text-align: right;
}

body.rtl .btn-group,
body.rtl .button-group,
body.rtl .action-buttons,
body.rtl .actions {
    direction: rtl;
}

body.rtl .ml-auto { margin-left: 0; margin-right: auto; }
body.rtl .mr-auto { margin-right: 0; margin-left: auto; }
body.rtl .ml-1, body.rtl .ml-2, body.rtl .ml-3 { margin-left: 0; }
body.rtl .mr-1, body.rtl .mr-2, body.rtl .mr-3 { margin-right: 0; }

body.rtl .pl-1, body.rtl .pl-2, body.rtl .pl-3 { padding-left: 0; }
body.rtl .pr-1, body.rtl .pr-2, body.rtl .pr-3 { padding-right: 0; }

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

body.rtl .modal-header .close,
body.rtl .modal-header .btn-close {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .badge {
    direction: ltr;
}

body.rtl .pagination {
    direction: rtl;
}

body.rtl .breadcrumb {
    direction: rtl;
}

body.rtl .dropdown-menu {
    text-align: right;
}

body.rtl .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

body.rtl .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

body.rtl .alert {
    text-align: right;
}

body.rtl .list-group-item {
    text-align: right;
}

body.rtl .card-header,
body.rtl .card-body,
body.rtl .card-footer {
    text-align: right;
}

body.rtl svg.chevron,
body.rtl .chevron-icon {
    transform: scaleX(-1);
}

body.rtl .search-icon,
body.rtl .filter-icon {
    right: auto;
    left: 10px;
}

body.rtl .close-btn {
    right: auto;
    left: 10px;
}

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');