/*
 * Istanbul Earth Theme - RTL (Right-to-Left) Stylesheet
 * Automatically loaded by WordPress when is_rtl() is true (Arabic ar, Persian fa, etc.)
 */

/* 1. RTL Tipografi ve Font Ailesi Tanımları */
@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;700&family=Tajawal:wght@400;700;800;900&family=Vazirmatn:wght@400;700;800;900&display=swap');

:root {
  --sans: "Tajawal", "Vazirmatn", "Noto Sans Arabic", system-ui, sans-serif;
  --body: "Tajawal", "Vazirmatn", system-ui, sans-serif;
  --serif: "Noto Naskh Arabic", Georgia, serif;
}

body.rtl,
html[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
  font-family: var(--body);
}

/* 2. Erişilebilirlik ve Ekran Okuyucu Hizalaması */
body.rtl .screen-reader-text {
  right: -624.9375rem;
  left: auto;
}

/* 3. İkonlar ve Ok Yönlerinin Aynalanması */
body.rtl .ie-directions-cta svg,
body.rtl .btn-arrow svg,
body.rtl .arrow-next svg,
body.rtl .pagination .next svg {
  transform: scaleX(-1);
}

/* 4. Esnek Kutu ve Grid Kenar Boşlukları (Margin / Padding Aynalama) */
body.rtl .ie-card-copy {
  text-align: right;
}

body.rtl .ie-add-button {
  float: right;
}

body.rtl .single-shell {
  direction: rtl;
}

body.rtl .single-aside {
  border-radius: 2.125rem 0 2.125rem 0;
}

/* 5. Etkinlik Detay Sayfası (Event Hero & Booking Card) Aynalaması */
body.rtl .event-hero .inner-hero-media {
  grid-template-columns: 56% 44%;
}

body.rtl .event-content {
  padding-right: 47%;
  padding-left: 0;
}

body.rtl .event-photo:after {
  background: linear-gradient(-90deg, rgba(107, 76, 191, .9), rgba(11, 23, 54, .15));
}

body.rtl .event-info-bar div {
  border-left: 0.0625rem solid rgba(11, 23, 54, .12);
  border-right: 0;
}

body.rtl .event-info-bar div:last-child {
  border-left: 0;
}

body.rtl .booking-card {
  border-radius: 2.125rem 0 2.125rem 0;
}

/* 6. Mobil Çekmece Menü Aynalaması */
body.rtl .mobile-menu {
  transform: translateX(105%);
}

body.rtl .mobile-menu.open {
  transform: none;
}

body.rtl .mobile-menu-links a {
  text-align: right;
}

/* 7. Formlar ve Arama Girdileri */
body.rtl .search-form-main input,
body.rtl .search-form-main select,
body.rtl .ie-editor-form input,
body.rtl .ie-editor-form textarea,
body.rtl .ie-editor-form select {
  text-align: right;
  direction: rtl;
}