/* azatech – Çapraz kalite düzeltmeleri (en son yüklenir; yalnız GENEL kurallar).
 * Kaynak: tüm ekranlar x 390 / 820 / 1440 px x 6 dil x 11 tema taraması (bkz. projeler/ altındaki kalite notu).
 * Kural: ekrana özel seçici yok; ekranların kendi dosyalarına dokunulmaz, buradaki kurallar yalnız eksik genel davranışı tamamlar. */

/* ---------- 1) Dokunma hedefi >= 40 px (telefon / tablet / dokunmatik) ---------- */
@media (max-width: 900px), (pointer: coarse) {
  /* küçük görünümlü ama sık kullanılan öğeler: görünüm aynı kalır, dokunma alanı görünmez katmanla 40 px'e çıkar */
  .bilgi-d, .pg-bas-a { position: relative; }
  .bilgi-d::after, .pg-bas-a::after { content: ""; position: absolute; left: -4px; right: -4px; top: 50%; height: 40px; transform: translateY(-50%); }
  /* alt bilgideki sürüm bağlantısı */
  footer.azt-alt .azt-surum { display: inline-flex; align-items: center; min-height: 40px; }
  /* süzgeç çipleri, sekme düğmeleri, küçük ikincil düğmeler, açılır listeler */
  #app main :is(button:not(.bilgi-d, .pg-yildiz), a.bg-oz-c, .chip, .chips > button, button.sm, .btn-k, .tk-bar select, .tk-bar button, .seg button, .sek button, .tabs button, select, button.link) { min-height: 40px !important; }
  #app main :is(button.sm, button.link, button.ghost, .btn-k) { min-width: 40px !important; }
  #app main :is(input[type=search], input[type=text], input[type=number], input[type=date], input[type=email], input[type=tel], input[type=password]) { min-height: 40px !important; }
}

/* ---------- 2) RTL (FA / AR): arama simgesi yazıyla çakışmasın ----------
 * Önceki kurallar simgeyi sağa alıp dolguyu ters tarafa (inline-end = sol) vermişti; simge yazının üstüne biniyordu.
 * Simge sağda (inline-start) olduğundan dolgu inline-start tarafına verilir. */
html[dir="rtl"] #app main :is(input[type=search], #tq, #slq, #bvQ, #cq, #lQ, #invQ, #krQ, #rsAra, #ytQ) {
  background-position: calc(100% - 12px) 50% !important;
  padding-inline-start: 38px !important; padding-inline-end: 12px !important;
}

/* ---------- 3) RTL: para tutarı ve birim yönü bozulmasın ("₺1.200" → "1.200₺" ters dönmesi) ---------- */
html[dir="rtl"] #app main :is(td.n, th.n, .kpi b, .ap-ikinci, .ap-ana) { unicode-bidi: isolate; }
html[dir="rtl"] #app main :is(td.n, th.n) { text-align: end; }

/* ---------- 5) Kontrast (WCAG 2.1 AA), 11 tema ---------- */
:root {
  --kb-yaz-ince: color-mix(in srgb, var(--ink, #232323) 72%, var(--panel, #fff));   /* ince yazı: 4.48:1 idi, 4.5'in altında; şimdi >= 6:1 */
  --kq-ctl: color-mix(in srgb, var(--ink, #232323) 58%, var(--panel, #fff));        /* form alanı kenarlığı >= 3:1 (WCAG 1.4.11); --line yalnız ayraç için kalır */
}
#app :is(input:not([type=checkbox], [type=radio], [type=range], [type=color], [type=file], [type=hidden]), select, textarea):not(:focus, :focus-visible, [aria-invalid="true"]),
dialog :is(input:not([type=checkbox], [type=radio], [type=range], [type=color], [type=file], [type=hidden]), select, textarea):not(:focus, :focus-visible, [aria-invalid="true"]) { border-color: var(--kq-ctl) !important; }
/* üst çubuktaki "Ctrl K" ipucu: opaklık yüzünden 3.8-4.3:1 idi */
.ara-alan kbd { opacity: 1; background: color-mix(in srgb, #000 24%, transparent); }

/* ---------- 6) Açılır yardım (.bilgi) başlık kutusunu genişletip sayfayı yana taşırmasın ----------
 * .bilgi, başlık bandındaki (flex) isimsiz bir sarmalayıcının içinde; flex çocuğunun varsayılan min-width:auto değeri
 * tek satırlık özet metnini (nowrap) sığdırmak için sarmalayıcıyı ekrandan geniş yapıyordu (Ziyaretçi defteri, Sistem: +100 px). */
:is(.hd-baslik, .kutu-bas, .page-head, .ym-baslik, .ay-baslik) > :has(> .bilgi) { min-width: 0; max-width: 100%; flex: 1 1 100%; }

/* ---------- 7) Telefonda boş liste mesajı: kart dönüşümü simgeyi ve metni yan yana dizip ikinci bir kart kenarı bırakıyordu ---------- */
@media (max-width: 640px) {
  #main table.mt-kart td.none { display: block !important; text-align: center !important; padding: 24px 12px !important; }
  #main table.mt-kart tr:has(> td.none:only-child) { margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent; }
}

/* ---------- 4) Dar ekranda uzun etiket / ad taşmasın (genel) ---------- */
@media (max-width: 520px) {
  main :is(h1, h2, h3, .help, .bilgi, label, .kutu-bas) { overflow-wrap: anywhere; }
  main .tbl-x { max-width: 100%; }
}