/* Alanya UCN Yapı | rtl.css
   -----------------------------------------------------------------------------
   SAGDAN SOLA (Arapca) duzeltmeleri.

   Bu dosya YALNIZCA dir="rtl" olan sayfalarda yuklenir; diger dort dilin
   stilleri hic degismez, bu yuzden mevcut tasarimda kirilma riski yok.

   Neyi kapsar:
     - Tarayicinin kendiliginden cevirmedigi mutlak konumlar (left/right)
     - Tek yonlu ic/dis bosluklar ve kenarliklar
     - Yon iceren donusumler (translateX)
     - Arapca'ya uygun yazi tipi ve satir yuksekligi

   Neyi kapsamaz (gerek yok):
     - flex ve grid akisi: dir="rtl" ile zaten ters yone doner
     - ortalanmis ogeler
   ========================================================================== */

/* ------------------------------------------------------------ tipografi
   Georgia gibi serif yazi tipleri Arapca'yi tasimaz; sistem Arapca yazi
   tiplerine dusuruyoruz. Arap harfleri Latin'e gore daha kisa govdeli
   oldugundan punto ve satir araligi bir tik artiriliyor. */
[dir="rtl"] body{
  font-family:"Segoe UI", Tahoma, "Noto Naskh Arabic", "Geeza Pro",
              "Arabic Typesetting", "Traditional Arabic", Arial, sans-serif;
  line-height:1.85;
  letter-spacing:0;
}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{
  font-family:"Noto Naskh Arabic", "Segoe UI", Tahoma, "Traditional Arabic", Arial, serif;
  letter-spacing:0;
  line-height:1.45;
}
/* Arap rakamlari yerine Latin rakam kullanan alanlar (telefon, sayilar)
   karisik yonde gorunmesin */
[dir="rtl"] .stat-item b,[dir="rtl"] .step-no,[dir="rtl"] .pager,
[dir="rtl"] .rt-facts b,[dir="rtl"] .ref-facts b{
  direction:ltr; unicode-bidi:embed;
}
[dir="rtl"] .rt-facts b,[dir="rtl"] .ref-facts b{ text-align:right; }

/* --------------------------------------------------------------- baslik */
[dir="rtl"] .brand{ margin-right:0; margin-left:auto; }

[dir="rtl"] .sec-head h2{ padding-left:0; padding-right:18px; }
[dir="rtl"] .sec-head h2::before{ left:auto; right:0; }
[dir="rtl"] .sec-head-center h2{ padding-right:0; }
[dir="rtl"] .sec-head-center h2::before{ right:50%; transform:translateX(50%); }

[dir="rtl"] .sec-more svg,[dir="rtl"] .btn-line svg,[dir="rtl"] .card-more svg{
  transform:scaleX(-1);              /* oklar sola baksin */
}
[dir="rtl"] .sec-more:hover svg{ transform:scaleX(-1) translateX(4px); }
[dir="rtl"] .btn-line:hover svg{ transform:scaleX(-1) translateX(3px); }
[dir="rtl"] .card:hover .card-more svg,
[dir="rtl"] a:hover .card-more svg{ transform:scaleX(-1) translateX(4px); }

/* masaustu menu alt cizgisi */
[dir="rtl"] .main-nav a::after{ left:auto; right:auto; }

/* ------------------------------------------------------------ metin ici */
[dir="rtl"] .rich blockquote{
  border-left:0; border-right:3px solid var(--brand);
  border-radius:var(--r) 0 0 var(--r);
}
[dir="rtl"] .rich ul,[dir="rtl"] .rich ol,
[dir="rtl"] ul,[dir="rtl"] ol{ padding-left:0; padding-right:1.35em; }
[dir="rtl"] .dash-warn{ border-left:0; border-right:3px solid var(--brand); }

/* ------------------------------------------------------------- kartlar */
[dir="rtl"] .card::before{ transform-origin:right; }
[dir="rtl"] .side-list a:hover{ padding-left:0; padding-right:5px; }
[dir="rtl"] .foot-col a:hover{ padding-left:0; padding-right:6px; }

/* --------------------------------------------------------------- surec */
[dir="rtl"] .step-no{ left:auto; right:24px; }
[dir="rtl"] .step:not(:last-child)::after{ right:auto; left:-22px; }

/* --------------------------------------------------------------- kutu */
[dir="rtl"] .ref-year{ right:auto; left:12px; }
[dir="rtl"] .cta-inner::before{ right:auto; left:-60px; }
[dir="rtl"] .cta-inner::after{ left:auto; right:-40px; }
[dir="rtl"] .page-hero::before{ right:auto; left:-90px; }
[dir="rtl"] .page-hero::after{ left:auto; right:-70px; }

/* ------------------------------------------------------------- buyutec */
[dir="rtl"] .lb-close{ right:auto; left:22px; }
[dir="rtl"] .lb-prev{ left:auto; right:22px; }
[dir="rtl"] .lb-next{ right:auto; left:22px; }
/* oklar zaten birbirinin aynasi; yon degisince gorevleri de degisir */
[dir="rtl"] .lb-prev svg{ transform:rotate(180deg); }
[dir="rtl"] .lb-next svg{ transform:none; }

/* ------------------------------------------------------- sabit butonlar
   Iletisim butonlari sagda, yukari cik solda olsun: RTL'de bas parmak
   dogal olarak sag tarafta duruyor. */
[dir="rtl"] .fab-stack{ left:auto; right:20px; }
[dir="rtl"] .to-top{ right:auto; left:20px; }
[dir="rtl"] .fab-label{ left:auto; right:66px; }
[dir="rtl"] .fab-label::before{ left:auto; right:-4px; }

/* --------------------------------------------------------- alt bilgi */
[dir="rtl"] .foot-contact svg,[dir="rtl"] .info-ico,[dir="rtl"] .fact-ico{
  margin-right:0;
}

/* =========================================================================
   MOBIL  (768 ve alti)
   ========================================================================= */
@media (max-width:768px){

  /* cekmece soldan acilir */
  [dir="rtl"] .main-nav{
    right:auto; left:0;
    border-left:0;
    transform:translateX(-103%);
    box-shadow:14px 0 48px rgba(0,0,0,.3);
  }
  [dir="rtl"] .main-nav.open{ transform:none; }

  [dir="rtl"] .nav-close{ margin-right:0; margin-left:-6px; }

  /* menu satirlarindaki ok isareti ters yone baksin */
  [dir="rtl"] .main-nav a::after{
    margin-left:0; margin-right:auto;
    border-right:0; border-left:2px solid var(--line);
    border-top:2px solid var(--line);
    transform:rotate(-45deg);
  }
  [dir="rtl"] .main-nav a.on::after{
    border-color:var(--brand);
    transform:rotate(-45deg) translate(-2px,-2px);
  }
  [dir="rtl"] .main-nav a.on{
    background:linear-gradient(270deg, var(--brand-soft), transparent);
    box-shadow:inset -3px 0 0 var(--brand);
  }

  /* nasil calisiyoruz: dikey zaman cizgisi saga gecer */
  [dir="rtl"] .steps{ padding-left:0; padding-right:44px; }
  [dir="rtl"] .steps::before{ left:auto; right:17px; }
  [dir="rtl"] .step-no{ left:auto; right:-44px; }

  /* yatay kayan seritlerin tasma boslugu */
  [dir="rtl"] .filter,[dir="rtl"] .rt-bar{
    margin-left:-24px; margin-right:-24px;
    padding-left:24px; padding-right:24px;
  }

  [dir="rtl"] .fab-stack{ left:auto; right:16px; }
  [dir="rtl"] .to-top{ right:auto; left:16px; }
}

@media (max-width:480px){
  [dir="rtl"] .steps{ padding-right:40px; }
  [dir="rtl"] .steps::before{ right:15px; }
  [dir="rtl"] .step-no{ right:-40px; }
  [dir="rtl"] .filter,[dir="rtl"] .rt-bar{
    margin-left:-20px; margin-right:-20px;
    padding-left:20px; padding-right:20px;
  }
}