/* =====================================================================
   TAVUK YESEK — i18n.css
   Dil degistirici (switcher) + RTL (Arapca) duzeni + Arapca font.
   Her sayfada styles.css'ten SONRA yuklenir.
   ===================================================================== */

/* =========================== DIL DEGISTIRICI ======================== */
.ty-lang{position:relative;flex:none}
.ty-lang__btn{
  display:inline-flex;align-items:center;gap:6px;
  height:40px;padding:0 12px;border-radius:var(--r-pill);
  background:var(--char-3);color:var(--cream);
  font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  letter-spacing:.04em;font-size:.9rem;line-height:1;
  border:1px solid var(--line-dark);transition:background .18s,color .18s;
}
.ty-lang__btn:hover{background:var(--flame);color:#fff;border-color:transparent}
.ty-lang__btn svg{width:18px;height:18px;flex:none}
.ty-lang__cur{min-width:1.4em;text-align:center}
.ty-lang__menu{
  position:absolute;top:calc(100% + 8px);right:0;min-width:190px;z-index:70;
  background:var(--char-2);border:1px solid var(--line-dark);border-radius:var(--r);
  padding:8px;box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;
}
.ty-lang.open .ty-lang__menu{opacity:1;visibility:visible;transform:translateY(0)}
.ty-lang__opt{
  display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  padding:.6rem .7rem;border-radius:10px;color:var(--cream);
  font-family:var(--font-body);font-size:.98rem;transition:background .15s,color .15s;
}
.ty-lang__opt:hover{background:var(--char-3);color:var(--gold)}
.ty-lang__opt.is-on{background:var(--gold);color:var(--char);font-weight:700}
.ty-lang__code{
  font-family:var(--font-display);font-weight:800;font-size:.82rem;letter-spacing:.05em;
  width:2.2em;text-align:center;opacity:.85;flex:none;
}
.ty-lang__opt.is-on .ty-lang__code{opacity:1}
.ty-lang__name{flex:1}

/* Cekmece (mobil) varyanti — tam genislik, acik liste */
.ty-lang--drawer{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-dark)}
.ty-lang--drawer .ty-lang__btn{display:none}
.ty-lang--drawer .ty-lang__menu{
  position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
  border:none;padding:0;min-width:0;background:transparent;
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.ty-lang--drawer .ty-lang__opt{background:var(--char-3);border:1px solid var(--line-dark)}
.ty-lang--drawer .ty-lang__opt.is-on{background:var(--gold);border-color:transparent}

/* 1160px alti: header switcher gorunur kalir (hamburger yaninda) */
@media (max-width:560px){
  .ty-lang--bar .ty-lang__name{display:none}
  .ty-lang--bar .ty-lang__menu{min-width:120px}
}

/* =====================================================================
   RTL — Arapca (dir="rtl")
   ===================================================================== */
html[dir="rtl"] body{text-align:right}

/* Switcher menusu sola acilir */
html[dir="rtl"] .ty-lang__menu{right:auto;left:0}
html[dir="rtl"] .ty-lang__opt{text-align:right}

/* Header dropdown sola hizala + caret bosuk yon */
html[dir="rtl"] .drop{left:auto;right:0}
html[dir="rtl"] .has-drop>a::after{margin-left:0;margin-right:.4em}

/* Mobil cekmece soldan girsin */
html[dir="rtl"] .mobile-drawer .panel{right:auto;left:0;border-left:none;border-right:1px solid var(--line-dark);transform:translateX(-100%)}
html[dir="rtl"] .mobile-drawer.open .panel{transform:translateX(0)}
html[dir="rtl"] .mobile-drawer .panel a.sub{padding-left:0;padding-right:1rem}

/* Numarali rozet / kose ogeleri (sol-ust -> sag-ust) */
html[dir="rtl"] .cat-card .num{left:auto;right:18px}
html[dir="rtl"] .hc-index,html[dir="rtl"] .m-card__badge{direction:ltr}

/* Liste madde/aksan cizgileri yon degistirir */
html[dir="rtl"] .info-list .it,
html[dir="rtl"] .bmf-row,
html[dir="rtl"] .branch-opt{text-align:right}

/* Formlarda etiket/hata hizalamasi */
html[dir="rtl"] .field label,
html[dir="rtl"] .field .err{text-align:right}
html[dir="rtl"] .form-consent{text-align:right}

/* Siparis modali yon */
html[dir="rtl"] .ord-item,html[dir="rtl"] .ord-cart-line{direction:rtl}
html[dir="rtl"] .ord-head{flex-direction:row-reverse}
html[dir="rtl"] .ord-discount,html[dir="rtl"] .ord-subtot,
html[dir="rtl"] .ord-cart-tot,html[dir="rtl"] .ord-loc__btns{direction:rtl}

/* Fiyat/para birimi ve latin urun isimlerini soldan-saga tut (bidi) */
html[dir="rtl"] .p,html[dir="rtl"] .lp,html[dir="rtl"] .price,
html[dir="rtl"] .tot-v,html[dir="rtl"] .send-v,html[dir="rtl"] .d-val,
html[dir="rtl"] .phone,html[dir="rtl"] .tel,
html[dir="rtl"] [data-latin]{unicode-bidi:plaintext}

/* Footer kolonlari sag hizali */
html[dir="rtl"] .footer-col,html[dir="rtl"] .footer-brand,
html[dir="rtl"] .footer-bottom,html[dir="rtl"] .footer-credit{text-align:right}

/* Genel: sola yasli metin bloklarini sagdan baslat (yardimci sinif) */
html[dir="rtl"] .u-ltr{direction:ltr;unicode-bidi:embed}

/* =====================================================================
   ARAPCA FONT — Cairo (govde) + agir Cairo (display)
   Grandstander/Baloo latin; Arapca'da uygun font'a gec.
   ===================================================================== */
html[lang="ar"]{
  --font-display:'Cairo','Rubik',system-ui,sans-serif;
  --font-body:'Cairo','Rubik',system-ui,sans-serif;
  --font-serif:'Cairo','Rubik',system-ui,sans-serif;
}
/* Arapca'da display baslicklarin harf araligini normalize et (uppercase yok) */
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,
html[lang="ar"] .nav-main a,html[lang="ar"] .btn,
html[lang="ar"] .mobile-drawer .panel a{letter-spacing:0}