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


[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  text-align: right;
}


[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] a,
[dir="rtl"] li,
[dir="rtl"] label {
  text-align: right;
  direction: rtl;
}


[dir="rtl"] ul,
[dir="rtl"] ol {
  padding-right: 0;
  padding-left: 8px;
  margin-right: 0;
  margin-left: auto;
}


[dir="rtl"] nav,
[dir="rtl"] .navbar,
[dir="rtl"] .menu {
  text-align: right;
}


[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}


[dir="rtl"] button {
  text-align: center;
}


.force-ltr {
  direction: ltr !important;
  unicode-bidi: embed;
}


.side-menu {
  left: 0 !important;
  right: auto !important;
}


.side-menu ul,
.side-menu li {
  text-align: left;
  direction: ltr;
  align-items: center;
  white-space: normal; /* uzun yazılar satır kaydırabilsin */
}


.side-menu i {
    margin-right: 0;
    margin-left: 8px;
}


.side-menu .metismenu ul {
    left: 100% !important;
    right: auto !important;
}


/* Mobil alt menü RTL diller için yüzde tabanlı sağ-sol boşluk */
html[dir="rtl"] .menu-mobile .menu-list {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 0 5% !important;        /* sağ-sol boşluk yüzde ile */
    display: flex !important;
    justify-content: space-between !important;  /* öğeler arası eşit boşluk */
    width: 100% !important;          /* tam genişlik */
    box-sizing: border-box !important;
}


/* Menü öğeleri */
html[dir="rtl"] .menu-mobile .menu-list .menu-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 1 0 !important;       /* her biri eşit genişlik alır */
    min-width: 0 !important;      /* flex shrink çalışsın */
    text-align: center !important;
    white-space: nowrap !important;  /* alt satıra geçmesin */
    overflow: hidden !important;     /* taşarsa gizle */
    text-overflow: ellipsis !important; /* ... koyar */
}


/* Menü öğe içindeki a ve ikon/div */
html[dir="rtl"] .menu-mobile .menu-list .menu-item a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* RTL için kart içindeki mini ikon ve metin arasını aç */
html[dir="rtl"] .card-heading .mini-stat-icon {
    float: left !important;       /* İkonu solda göster */
    margin-left: 15px;            /* İkon ile metin arası boşluk */
    margin-right: 0 !important;
}

html[dir="rtl"] .card-heading h5,
html[dir="rtl"] .card-heading h3,
html[dir="rtl"] .card-heading a {
    text-align: right;            /* Başlık ve metin sağa hizalı */
}

/* RTL için servis kutularındaki ikon ve yazı arasını aç */
html[dir="rtl"] .service i {
    margin-left: 10px;  /* İkon ile yazı arasındaki boşluğu açar */
    margin-right: 0;    /* Sağ boşluğu kaldır */
}

/* Opsiyonel: Servis yazısını sağa hizala */
html[dir="rtl"] .service span {
    text-align: right;
}
/* ---------- RTL: blog / card butonları için (rtl.css) ---------- */

/* Temel: kart içindeki butonları inline-flex yap, padding ve gap ver */
html[dir="rtl"] .card .btn,
html[dir="rtl"] .card-body .btn,
html[dir="rtl"] .card .btn-primary,
html[dir="rtl"] .card-body a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;               /* ikon - yazı arası boşluk */
  padding: .45rem 1rem !important;     /* dikey / yatay iç boşluk */
  width: auto !important;              /* tam genişliğe yayılmasın */
  min-width: 72px !important;          /* çok küçük olmasını engelle */
  box-sizing: border-box !important;
}

/* Eğer buton <p class="btn ..."><a class="btn">... gibi iç içe ise anchor'a da padding ver */
html[dir="rtl"] p.btn a.btn,
html[dir="rtl"] .card .btn a.btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  padding: .45rem 1rem !important;
  width: auto !important;
}

/* İkonlar: RTL'de ikon metnin solunda duracak — ikon ile metin arası boşluk */
html[dir="rtl"] .btn i,
html[dir="rtl"] .btn .fas,
html[dir="rtl"] .btn .fab {
  margin-left: .5rem !important;
  margin-right: 0 !important;
}

/* Eğer tema bazı butonları full-width yapıyorsa, card içindekileri auto'ya çevir */
html[dir="rtl"] .card .btn-block,
html[dir="rtl"] .card .w-100.btn {
  width: auto !important;
}

/* Opsiyonel: Read More butonunu kart içinde sağa hizalamak istersen (kullanırken) */
html[dir="rtl"] .card .read-more-wrap {
  display: flex;
  justify-content: flex-end;
}
html[dir="rtl"] .btn {
  text-align: center; /* yazıyı ortalar */
}
html[dir="rtl"] .row {
  display: flex;
  flex-wrap: wrap;
}

html[dir="rtl"] .row > [class*="col-"] {
  float: none !important;
  direction: rtl;
}
/* Dil kutucuğu genel */
.nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
}

/* Bayrak resmi */
.nav-link.dropdown-toggle img {
    height: 16px;
}

/* LTR diller için (standart) */
html:not([dir="rtl"]) .nav-link.dropdown-toggle img {
    margin-right: 5px;  /* bayrak ile yazı arasında boşluk */
    margin-left: 0;
}

html:not([dir="rtl"]) .nav-link.dropdown-toggle span.mdi {
    margin-left: 5px;  /* yazı ile ok arasında boşluk */
    margin-right: 0;
}

/* RTL diller için */
html[dir="rtl"] .nav-link.dropdown-toggle img {
    margin-left: 5px;   /* bayrak ile yazı arasında boşluk */
    margin-right: 0;
}

html[dir="rtl"] .nav-link.dropdown-toggle span.mdi {
    margin-left: 5px;   /* yazı ile ok arasında boşluk */
    margin-right: 0;
}
/* Dropdown içindeki tüm bayrak ve dil isimleri */
.nav-item.dropdown .dropdown-menu a {
    display: flex;
    align-items: center;
}

/* Bayrak resmi */
.nav-item.dropdown .dropdown-menu a img {
    height: 16px;
    margin-right: 5px; /* LTR için bayrak-yazı arası boşluk */
    margin-left: 0;
}

/* RTL diller için */
html[dir="rtl"] .nav-item.dropdown .dropdown-menu a img {
    margin-left: 5px;  /* RTL’de bayrak-yazı arası boşluk */
    margin-right: 0;
}

/* Dropdown içindeki her dil öğesi */
.language-dropdown .dropdown-item {
    display: flex;
    align-items: center; /* Bayrak ve yazıyı dikey ortala */
    gap: 5px; /* Bayrak ile dil ismi arasına boşluk */
}

/* RTL diller için boşluk ters olsun */
html[dir="rtl"] .language-dropdown .dropdown-item {
    flex-direction: row-reverse; /* Bayrak ve isim yer değiştirir */
    gap: 5px; /* Boşluk ters yönde çalışır */
}

/* Navbar sağ üst (RTL) */
html[dir="rtl"] .navbar-right,
html[dir="rtl"] .topbar-right {
    display: flex !important;
    align-items: center !important;  /* dikey ortala */
}

/* Avatar ve ismi kapsayan container */
html[dir="rtl"] .nav-pro-img {
    display: flex !important;
    flex-direction: row !important;   /* yatay hizala */
    align-items: center !important;   /* dikey ortala */
    justify-content: flex-end !important; /* sağa yasla */
    gap: 5px;                          /* avatar ile isim arası boşluk */
    height: auto !important;
}

/* Avatar resmi */
html[dir="rtl"] .nav-pro-img img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}