/* arama-palet.css -- canli arama paleti. UC SAYFADA DA AYNI BILESEN.
 *
 * Once portal.css'in icindeydi ve yalniz ana sayfada calisiyordu; kategori
 * ve program sayfalari duz bir WordPress arama formu kullaniyordu. O form
 * sayfayi yeniliyor ve sitenin genel arama sonucuna dusuyordu -- kategoriyle
 * ilgisi olmayan bir liste. Ortak dosyaya alindi.
 *
 * JETON KOPRUSU: iki sayfa iki ayri palet kullaniyor (portal --yuzey/--vurgu,
 * bolum --pi-yuzey/--pi-marka). Degiskenler yedekli okunuyor; hangi palet
 * yukluyse o kazaniyor ve gece moduna kendi kurallariyla giriyor.
 */
.arama, .perde {
  --a-yuzey:   var(--yuzey,       var(--pi-yuzey));
  --a-yuzey-2: var(--yuzey-2,     var(--pi-yuzey-2));
  --a-cizgi:   var(--cizgi,       var(--pi-ring));
  --a-cizgi-g: var(--cizgi-guclu, var(--pi-ring-2));
  --a-metin:   var(--metin,       var(--pi-metin));
  --a-sessiz:  var(--sessiz,      var(--pi-metin-2));
  --a-vurgu:   var(--vurgu,       var(--pi-marka));
  --a-vurgu-y: var(--vurgu-yum,   var(--pi-marka-yum));
  --a-r:       var(--r-b,         var(--pi-r));
  --a-r-s:     var(--r-s,         var(--pi-r-sm));
  --a-o1:      var(--o1, 0.75rem);
  --a-o2:      var(--o2, 0.8125rem);
  --a-o3:      var(--o3, 0.875rem);
  --a-o5:      var(--o5, 1.125rem);
}

/* .arama ana sayfada <div>, diger iki sayfada <button>. Dugme oldugunda
   yazi tipini ve imleci tarayicidan almamasi icin ikisi de burada. */
.arama{flex:1;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:.6rem;
  padding:.5rem .75rem;background:var(--a-yuzey-2);border:1px solid var(--a-cizgi);
  border-radius:var(--a-r-s);color:var(--a-sessiz);font:inherit;font-size:var(--a-o3);
  cursor:pointer;transition:border-color .18s}
.arama:hover{border-color:var(--a-cizgi-g)}
.arama__m{flex:1;text-align:left}
.tus{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-size:var(--a-o1);padding:.12rem .38rem;
  border:1px solid var(--a-cizgi-g);border-radius:5px;color:var(--a-sessiz)}
.perde{position:fixed;inset:0;z-index:9999;display:none;background:rgba(6,10,20,.62);
  backdrop-filter:blur(3px);padding:11vh 1.5rem 1.5rem}
.perde[data-acik]{display:block}
.palet{max-width:600px;margin:0 auto;background:var(--a-yuzey);border:1px solid var(--a-cizgi-g);
  border-radius:var(--a-r);box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}
.palet__g{display:flex;align-items:center;gap:.7rem;padding:.95rem 1.1rem;border-bottom:1px solid var(--a-cizgi)}
.palet__g input{flex:1;background:none;border:0;outline:none;font:inherit;font-size:var(--a-o5);color:var(--a-metin)}
.palet__g input::placeholder{color:var(--a-sessiz)}
.palet__s{max-height:44vh;overflow-y:auto;padding:.45rem}
.palet__o{width:100%;display:flex;align-items:center;gap:.8rem;text-align:left;
  padding:.55rem .7rem;border-radius:var(--a-r-s);transition:background .14s}
.palet__o:hover,.palet__o[data-secili]{background:var(--a-vurgu-y)}
.palet__bos{padding:1.9rem 1rem;text-align:center;color:var(--a-sessiz);font-size:var(--a-o3)}
.palet__d{display:flex;gap:1rem;padding:.6rem 1.1rem;border-top:1px solid var(--a-cizgi);
  font-size:var(--a-o1);color:var(--a-sessiz)}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .kart:hover,.kiyas:hover{transform:none}
  .slaytlar{transition:none}
}


/* Yan sutundaki tetik: iki sayfada da sutunun en ustu.
   Adi once ".pi-ara-tetik" idi ve kutuyu kategori sayfasinin filtre
   bolumune bagliyordu; program detayinin yan sutununda filtre yok.
   Ad bolume degil ISE gore: ".pi-ara-tetik". */
/* Alt bosluk YOK: iki yan sutun da flex kolon ve kendi gap'ini
   tasiyor (.pi-filtre 12px, .pi-yan 16px). Buraya margin koymak
   arama kutusunun altini iki katina cikariyordu. */
.pi-ara-tetik .arama {
  max-width: none;
  width: 100%;
  margin: 0;
  min-height: 44px;
  padding: 0 .9rem;
  border: 1px solid var(--a-cizgi-g);
  border-radius: var(--a-r, 16px);
  background: var(--a-yuzey);
  color: var(--a-sessiz);
  cursor: pointer;
  font: inherit;
  font-size: var(--a-o2);
}
.pi-ara-tetik .arama:hover { border-color: var(--a-vurgu); color: var(--a-metin); }
.pi-ara-tetik .arama svg { flex-shrink: 0; color: var(--a-vurgu); }
.pi-ara-tetik .arama__m { text-align: left; }
.pi-ara-tetik .tus { flex-shrink: 0; }

/* Hero icindeki tetik: kutu gorunumunde, tam genislikte. */
.pi-hero__arama .arama {
  max-width: none;
  width: 100%;
  margin: 0;
  min-height: 48px;
  padding: 0 1rem;
  border: 1px solid var(--a-cizgi-g);
  border-radius: 999px;
  background: var(--a-yuzey-2);
  color: var(--a-sessiz);
  cursor: pointer;
  font: inherit;
  font-size: var(--a-o3);
}
.pi-hero__arama .arama:hover { border-color: var(--a-vurgu); color: var(--a-metin); }
/* Yer tutucu tek satir: dar sutunda uc satira sariyordu. */
.pi-hero__arama .arama__m {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.pi-hero__arama .tus { flex-shrink: 0; }
.pi-hero__arama .arama svg { flex-shrink: 0; color: var(--a-vurgu); }