/*
 |  panel-rtl.css — v7.0
 |
 |  Panelin sağdan-sola (RTL) yerleşimi.
 |  Yalnızca html[dir="rtl"] iken devreye girer; LTR'de tek satır bile
 |  uygulanmaz. Bootstrap'in RTL derlemesi bu kurulumda olmadığı için bu
 |  katman panelin ANA İSKELETİNİ çevirir: sol menü sağa geçer, metinler
 |  sağa yaslanır, yaygın boşluk yardımcıları aynalanır.
 */

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

/* ---------- Sol menü sağa geçer ---------- */

html[dir="rtl"] .main-nav {
    left: auto;
    right: 0;
}

html[dir="rtl"] .page-content,
html[dir="rtl"] .topbar {
    margin-left: 0;
    margin-right: var(--bs-menu-width, 260px);
}

html[dir="rtl"][data-menu-size="condensed"] .page-content,
html[dir="rtl"][data-menu-size="condensed"] .topbar {
    margin-right: var(--bs-menu-width-sm, 70px);
}

html[dir="rtl"][data-menu-size="hidden"] .page-content,
html[dir="rtl"][data-menu-size="hidden"] .topbar {
    margin-right: 0;
}

@media (max-width: 1140px) {
    html[dir="rtl"] .page-content,
    html[dir="rtl"] .topbar {
        margin-right: 0;
    }

    html[dir="rtl"] .main-nav {
        transform: translateX(100%);
    }

    html[dir="rtl"][data-menu-size="fullscreen"] .main-nav,
    html[dir="rtl"] .main-nav.show {
        transform: translateX(0);
    }
}

/* ---------- Menü öğeleri ---------- */

html[dir="rtl"] .main-nav .nav-link,
html[dir="rtl"] .main-nav .sub-nav-link {
    text-align: right;
}

html[dir="rtl"] .main-nav .nav-link .nav-icon {
    margin-left: 10px;
    margin-right: 0;
}

html[dir="rtl"] .main-nav .nav-link.active {
    box-shadow: inset -3px 0 0 var(--bs-primary);
}

html[dir="rtl"] .main-nav .menu-arrow::after {
    transform: scaleX(-1);
}

html[dir="rtl"] .main-nav .sub-navbar-nav {
    padding-right: 34px;
    padding-left: 0;
}

/* ---------- Üst çubuk ---------- */

html[dir="rtl"] .navbar-header {
    flex-direction: row-reverse;
}

html[dir="rtl"] .ust-cubuk__sol,
html[dir="rtl"] .ust-cubuk__sag {
    flex-direction: row-reverse;
}

/* ---------- Boşluk yardımcıları (aynalama) ---------- */

html[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: .25rem !important; }
html[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: .5rem !important; }
html[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: .25rem !important; }
html[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: .5rem !important; }
html[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .ms-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .me-auto { margin-right: 0 !important; margin-left: auto !important; }

html[dir="rtl"] .pe-2 { padding-right: 0 !important; padding-left: .5rem !important; }
html[dir="rtl"] .ps-2 { padding-left: 0 !important; padding-right: .5rem !important; }
html[dir="rtl"] .ps-3 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .pe-3 { padding-right: 0 !important; padding-left: 1rem !important; }

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

/* ---------- Tablolar, formlar, açılır menüler ---------- */

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

html[dir="rtl"] .dropdown-menu-end {
    left: 0 !important;
    right: auto !important;
}

html[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

html[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

html[dir="rtl"] .input-group > :first-child { border-radius: 0 .3rem .3rem 0; }
html[dir="rtl"] .input-group > :last-child { border-radius: .3rem 0 0 .3rem; }

/* Sayı ve tarih alanları soldan sağa kalsın */
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="date"],
html[dir="rtl"] input[type="time"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] code,
html[dir="rtl"] .apex-charts {
    direction: ltr;
    text-align: left;
}