body {
    direction: rtl;
    text-align: right;
}

.text-left {
    text-align: right;
}

.text-right {
    text-align: left;
}

.btn {
    flex-direction: row-reverse;
}

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

ul, ol {
    padding-right: var(--spacing-lg);
    padding-left: 0;
}

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

.badge {
    flex-direction: row-reverse;
}

.flex {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}

input[type="checkbox"],
input[type="radio"] {
    margin-left: var(--spacing-sm);
    margin-right: 0;
}

.grid {
    direction: rtl;
}

.header__nav {
    flex-direction: row-reverse;
}

.header__container {
    flex-direction: row-reverse;
}

.project-card__header {
    flex-direction: row-reverse;
}

.project-card__meta {
    flex-direction: row-reverse;
}

.project-card__footer {
    flex-direction: row-reverse;
}

.bid-card__header {
    flex-direction: row-reverse;
}

.bid-card__professional {
    flex-direction: row-reverse;
}

.wallet-card__actions {
    flex-direction: row-reverse;
}

.modal__header {
    flex-direction: row-reverse;
}

.modal__footer {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.dropdown__menu {
    right: auto;
    left: 0;
}

.pagination {
    flex-direction: row-reverse;
}

.tabs {
    flex-direction: row-reverse;
}

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

.table th:first-child,
.table td:first-child {
    text-align: right;
}

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

.notification-badge__count {
    left: auto;
    right: -8px;
}

.tooltip__content {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

.mobile-menu__content {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

.mobile-menu__content--open {
    transform: translateX(0);
}

.empty-state {
    text-align: center;
}

.footer__links {
    padding-right: 0;
}

.avatar {
    margin-left: var(--spacing-sm);
    margin-right: 0;
}

.spinner {
    margin-left: var(--spacing-sm);
    margin-right: 0;
}

.alert {
    text-align: right;
}

.form-error {
    text-align: right;
}

.card-title {
    text-align: right;
}

.dropdown__item {
    text-align: right;
}

.progress {
    direction: ltr;
}

@media (max-width: 768px) {
    .container {
        padding-right: var(--spacing-sm);
        padding-left: var(--spacing-sm);
    }
    
    .mobile-menu__nav {
        text-align: right;
    }
    
    .header__nav {
        flex-direction: column;
        align-items: flex-start;
    }
}