html[dir="rtl"] body {
  direction: rtl;
  font-family: "Cairo", sans-serif;
}

/* Navbar / header alignment fixes (common in templates) */
html[dir="rtl"] .tgmenu__navbar-wrap ul {
  padding-right: 0;
}

/* Dropdown menus open correctly */
html[dir="rtl"] .tgmenu__navbar-wrap ul li .sub-menu {
  left: auto !important;
  right: 0 !important;
  text-align: right;
}

/* If template uses icons/arrows with margin-left */
html[dir="rtl"] .tgmenu__navbar-wrap ul li a i,
html[dir="rtl"] .tgmenu__navbar-wrap ul li a svg {
  margin-left: 0 !important;
  margin-right: 6px !important;
}

/* Generic: swap text align helpers */
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end { text-align: left !important; }


/* =========================
   FOOTER RTL FIX (clean)
   ========================= */

/* 1) Footer widget'lar start hizalı olsun (RTL'de sağ, LTR'de sol) */
html[dir="rtl"] .footer__widget{
  text-align: start !important;
}

/* 2) Başlık + çizgi: logical props (start = RTL'de sağ) */
html[dir="rtl"] .footer__widget-title{
  text-align: start !important;
  padding-inline-start: 40px;   /* çizgi için boşluk */
  padding-inline-end: 0 !important;
}

html[dir="rtl"] .footer__widget-title::before,
html[dir="rtl"] .footer__widget-title::after{
  inset-inline-start: 0 !important; /* start tarafına sabitle */
  inset-inline-end: auto !important;
}

/* 3) Footer listeleri ve sosyal alanlar start hizalı */
html[dir="rtl"] .footer__widget ul,
html[dir="rtl"] .footer__contact-content,
html[dir="rtl"] .footer__bottom-menu ul{
  text-align: start !important;
}

/* 4) Footer bottom: kolonları ayna gibi çevir (menu sola, copyright sağa) */
html[dir="rtl"] .footer__bottom .row.align-items-center{
  flex-direction: row-reverse;
}

/* 5) Bottom menu separator: '|' yerine border-inline-start kullan (her iki yönde doğru) */
html[dir="rtl"] .footer__bottom-menu .list-wrap{
  display: flex;
  align-items: center;
  justify-content: flex-start; /* row-reverse sonrası solda kalsın */
  gap: 0;
}

html[dir="rtl"] .footer__bottom-menu .list-wrap li{
  margin: 0 !important;
  padding: 0 !important;
}

html[dir="rtl"] .footer__bottom-menu .list-wrap li + li{
  padding-inline-start: 18px !important;
  margin-inline-start: 18px !important;
  border-inline-start: 1px solid rgba(255,255,255,0.25); /* tema çizgisi */
}

/* Eski 'content: |' pseudo'larını iptal et */
html[dir="rtl"] .footer__bottom-menu .list-wrap li + li::before{
  content: none !important;
}