/* Tablo araci: arama kutusu + siralanabilir kolon basliklari */
.ink-tablo-arac{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 8px}
.ink-tablo-arac input{flex:1 1 240px;min-width:200px;padding:9px 12px;border:1px solid #d8dee5;
  border-radius:8px;font:inherit;font-size:15px;background:#fff;color:inherit}
.ink-tablo-arac input:focus{outline:2px solid #0f766e;outline-offset:1px;border-color:#0f766e}
.ink-tablo-arac button{padding:9px 14px;border:1px solid #d8dee5;border-radius:8px;background:#fff;
  font:inherit;font-size:14px;cursor:pointer;color:inherit}
.ink-tablo-arac button:hover{border-color:#0f766e;color:#0f766e}
.ink-tablo-sayac{font-size:14px;opacity:.75;white-space:nowrap}
.ink-tablo-bos{padding:14px 4px;font-size:15px;opacity:.8}

/* Siralama isareti: font/emoji sorunu olmasin diye CSS ile cizilen ucgenler.
   Unicode oklar (↕ ↑ ↓) iOS'ta emoji olarak render ediliyordu; ayrica ::after
   metin akisinda konumlandigi icin iki satirlik basliklarda asagi kayiyordu. */
.wp-block-table table th.ink-sirala,
.wp-block-table table td.ink-sirala{
  cursor:pointer;user-select:none;position:relative;
  padding-right:20px!important;vertical-align:middle}
.wp-block-table table .ink-sirala::before,
.wp-block-table table .ink-sirala::after{
  content:"";position:absolute;right:6px;width:0;height:0;
  border-left:4px solid transparent;border-right:4px solid transparent;opacity:.34}
.wp-block-table table .ink-sirala::before{
  top:calc(50% - 7px);border-bottom:5px solid currentColor}
.wp-block-table table .ink-sirala::after{
  top:calc(50% + 2px);border-top:5px solid currentColor}
.wp-block-table table .ink-sirala:hover::before,
.wp-block-table table .ink-sirala:hover::after{opacity:.6}
.wp-block-table table .ink-sirala[data-yon="artan"]::before{opacity:1}
.wp-block-table table .ink-sirala[data-yon="artan"]::after{opacity:.16}
.wp-block-table table .ink-sirala[data-yon="azalan"]::after{opacity:1}
.wp-block-table table .ink-sirala[data-yon="azalan"]::before{opacity:.16}
.wp-block-table table .ink-sirala:focus-visible{outline:2px solid #0f766e;outline-offset:-2px}

@media (max-width:781px){
  .ink-tablo-arac input{flex-basis:100%}
}

/* ---------------------------------------------------------------------------
   Genis tablolar masaustunde de tasmasin. Tema thead'e white-space:nowrap ve
   14px/20px dolgu veriyor; 5+ kolonlu bir tabloda bu tek basina yatay
   kaydirmaya yol aciyor. Basliklarin sarmasina izin verip dolguyu daraltiyoruz.
   --------------------------------------------------------------------------- */
.ink-article table.ink-genis th{white-space:normal!important;
  padding-left:12px!important;padding-right:12px!important;line-height:1.3}
.ink-article table.ink-genis td{padding-left:12px!important;padding-right:12px!important}
.ink-article table.ink-genis{font-size:14.5px}
/* "439.158 → 195.954" gibi iki degerli hucreler gerekirse alt satira insin. */
.ink-article table.ink-genis td,
.ink-article table.ink-genis th{overflow-wrap:break-word}

/* ---------------------------------------------------------------------------
   Dar ekran: yatay kaydirma YOK. Tablo satirlari karta donusur, her hucre
   kendi kolon basligini yaninda tasir (data-label, tablo.js tarafindan
   yazilir). Tema .ink-tablewrap'a overflow-x:auto ve dar ekranda tabloya
   min-width:600px veriyor; ikisini de burada geri aliyoruz.
   --------------------------------------------------------------------------- */
@media (max-width:860px){
  .ink-article .ink-tablewrap,
  .wp-block-table{overflow-x:visible!important}
  .ink-article .ink-tablewrap>table,
  .wp-block-table table.ink-duyarli{min-width:0!important;width:100%!important}
  /* Kart dizilimde daraltmaya gerek yok, dolgu geri gelsin. */
  .ink-article table.ink-genis{font-size:15px}

  table.ink-duyarli{display:block;border:0;border-collapse:separate}
  table.ink-duyarli thead{position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap}
  table.ink-duyarli tbody,
  table.ink-duyarli tr,
  table.ink-duyarli td{display:block;width:auto!important}

  /* Tema degiskeni varsa onu kullan, yoksa notr bir cizgiye dus. */
  table.ink-duyarli tr{border:1px solid var(--border-subtle,#e3e8ee);
    border-radius:12px;padding:12px 14px;margin:0 0 12px;background:transparent}
  table.ink-duyarli td{display:flex;align-items:baseline;justify-content:space-between;
    gap:14px;border:0!important;padding:5px 0!important;text-align:right}
  /* Iki degerli hucrenin parcalari birlikte kalsin (ok ortada asilmasin). */
  table.ink-duyarli td .ink-ok{white-space:nowrap}
  table.ink-duyarli td::before{content:attr(data-label);flex:0 1 auto;
    text-align:left;font-size:13px;font-weight:600;opacity:.62;
    letter-spacing:.01em;padding-right:8px}
  /* Ilk hucre kartin basligi: etiketsiz, tam genislikte, altinda ayirici */
  table.ink-duyarli td:first-child{display:block;text-align:left;
    font-weight:700;font-size:16px;
    border-bottom:1px solid var(--border-subtle,#eef2f6)!important;
    padding-bottom:9px!important;margin-bottom:5px}
  table.ink-duyarli td:first-child::before{display:none}
  /* Bos hucre kartta yer kaplamasin */
  table.ink-duyarli td:empty{display:none}
}