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

/* Dropdown içerikleri RTL'de sağdan başlasın */
html[dir="rtl"] .dropdown-menu {
    text-align: right;
}

/* Modal metinleri RTL'de sağdan hizalansın */
html[dir="rtl"] .modal-header,
html[dir="rtl"] .modal-body,
html[dir="rtl"] .modal-footer {
    text-align: right;
}

/* Form alanları yazı yönüne göre hizalansın */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: start;
}

    /* E-posta, link, telefon gibi LTR kalması gereken alanlar */
    html[dir="rtl"] input[type="email"],
    html[dir="rtl"] input[type="url"],
    html[dir="rtl"] input[type="tel"],
    html[dir="rtl"] .ltr-value {
        direction: ltr;
        text-align: left;
    }

/* Mobil kullanıcı avatarı ve ikon boşlukları */
html[dir="rtl"] .mobile-avatar {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

html[dir="rtl"] .mobile-nav-item i {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* Mobil menü hover hareketi ters yöne dönsün */
html[dir="rtl"] .mobile-nav-item:hover,
html[dir="rtl"] .mobile-nav-item:active {
    transform: translateX(-5px);
}

/* Sidebar varsa RTL'de çizgi sağa alınsın */
html[dir="rtl"] a.sidebar-link {
    border-left: 0;
    border-right: 3px solid transparent;
}

    html[dir="rtl"] a.sidebar-link:hover {
        border-left: 0;
        border-right: 3px solid #3b7ddd;
    }

html[dir="rtl"] .sidebar-link i {
    margin-right: 0;
    margin-left: .75rem;
}

/* Sidebar kapalıyken alt menü sağdan açılsın */
html[dir="rtl"] #sidebar:not(.expand) .sidebar-item .sidebar-dropdown {
    left: auto;
    right: 70px;
}

html[dir="rtl"] #sidebar.expand .sidebar-link[data-bs-toggle="collapse"]::after {
    right: auto;
    left: 1.5rem;
}

html[dir="rtl"] .resizable::after {
    right: auto;
    left: -4px;
}