/* MINI APP MODU (12 Eyl 2026) - `html.tg`. Yeni bir tasarim degil, ayni
   sayfanin Telegram icindeki hali.

   Telefonda (<=720 px, mini app'in neredeyse tamami): ust bar duser -
   Telegram'in kendi basligi zaten orada duruyor ve ikisi ust uste iki
   basliktir. Gezinme alt barda, o zaten uygulamanin dili (12 Eyl).
   Genis pencerede (Telegram Desktop maximize): alt bar telefon kuralidir,
   orada yoktur - o yuzden ust bar KALIR. Ikisinden biri her zaman ekranda.

   Altlik her iki halde de duser: uc sutunluk site altligi bir uygulama
   ekraninda yabanci duruyor, alt bar zaten ayni duraklari tasiyor. */

@media (max-width: 720px) {
  html.tg .v2s-top { display: none; }
}

html.tg .v2s-foot { display: none; }

/* Cikis: Telegram icinde anlamsiz - sonraki sayfa acilisinda initData yeniden
   tanitir. Dugmeyi birakmak "cikabilirim" yalani olurdu. */
html.tg [data-logout] { display: none; }

/* Telegram'in kendi asagi-kaydir-kapat hareketiyle sayfanin lastigi
   yarismasin (SDK tarafinda disableVerticalSwipes, burada tarayici tarafi). */
html.tg, html.tg body { overscroll-behavior-y: contain; }

/* Mini app'te sekmeler ALT BARDA (12 Eyl, Ayhan: "alt menu olsun ama screener
   icinde olsun"). Ustteki yatay serit duser - ayni gezinme iki yerde
   durmasin; kod tabaninin kendi dersi: "hem ustte hem altta sacma",
   telefonda gezinme yalniz alt barda (12 Eyl). */
/* ==== AKISIN IKI HALI USTTE (14 Eyl 2026) ==============================
   Ayhan: *"following altta olmak yerine alt menuyu daha az tutup X
   mantiginda olabilir; ayni mantigi bize uyarlarsan tasarim olarak da
   guzel durur."*

   Once serit KOMPLE dusuyordu, cunku dort sekmenin dordu de alt bara
   tasinmisti. X'te ise ayrim yere gore degil TURE gore: alt bar yer
   tasir (ana sayfa, arama, bildirim, profil); akisin ustunde duran iki
   sekme ayni yerin iki halidir. Bizde de oyle - "Live" ile "Following"
   ayni akis, farkli suzgec; "Alerts" ve "Trending" ise ayri yerler ve
   alt barda kaliyorlar.

   Sayac rakamlari da dusuyor: iki sekmenin altina rakam koymak, seceni
   degil sayiyi okutur. */
html.tg.tg-tabs .hm-tabs { display: flex; }
html.tg.tg-tabs .hm-tabs [data-tab="notifs"],
html.tg.tg-tabs .hm-tabs [data-tab="trending"] { display: none; }
html.tg.tg-tabs .hm-tabs [data-tab] i { display: none; }
html.tg.tg-tabs .hm-tabs button { flex: 1 1 0; font-size: 14px; padding: 13px 6px 11px; }

/* Sekme sayaci alt barda: ikonun sag ustunde kucuk nane rozet. */
/* Rozet gercek bir pill: nane dolgu, koyu yazi, en az 15px genislik.
   Onceki hali ikonun uzerine binen sonuk bir rakamdi (13 Eyl, Ayhan:
   "su alt cubugu da daha adam akilli anlasilir bir sey yap"). */
html.tg .v2s-bot a [data-tabn] {
  /* Rozet ikonun sag ust kosesine oturur. Onceki degerde cubugun ustunden
     tasip havada duruyordu (13 Eyl). */
  position: absolute; top: 13px; left: 50%; margin-left: 5px;
  min-width: 15px; height: 15px; padding: 0 4px; box-sizing: border-box;
  display: grid; place-items: center; border-radius: 999px;
  font: 700 9.5px/1 var(--body); font-style: normal;
  color: #07090A; background: var(--mint); box-shadow: 0 0 0 2px #07090A;
}
html.tg .v2s-bot a [data-tabn]:empty { display: none; }

/* ---- MINI APP SITEDEN BAGIMSIZ (12 Eyl, Ayhan: "bir sekilde yine screener
   icinden cikiyor, mini app sadece screener'e ozel olcak siteden bagimsiz").

   Ekranin kendi basligindaki iki bag disari aciliyordu: marka (`/`) ve
   "List your channel" (`/list/`). Telegram zaten uygulamanin adini ustte
   yaziyor - ikinci bir baslik hem yer yiyor hem cikis kapisi.
   Kalan: canli durum satiri (Live · refreshed 0s ago), o bir BILGI. */
html.tg .hm-abcta { display: none; }        /* "List your channel" - cikis kapisi */

/* MARKA ORTADA (12 Eyl, Ayhan: "tam merkezde tipki x'deki gibi bizim logomuz
   olmali ya da kolscreener yazmali"). X'in mobil uygulamasinda da amblem
   ustte ortalidir. Ilk surumde markayi tamamen kaldirmistim - cunku `/`
   adresine gidiyordu, yani cikis kapisiydi. Dogru cozum kaldirmak degil,
   BAGI KESMEK: isaret duruyor, tiklanmiyor.

   Durum satiri (Live · refreshed) DUSER: ayni bilgi arama satirinda zaten
   var ("● LIVE"), ikinci kez yazmak markanin ortasini kaydiriyordu. */
html.tg .hm-appbar {
  display: flex; align-items: center; justify-content: center;
  min-height: 0; padding: 8px 14px 6px; gap: 0;
}
html.tg .hm-abrand {
  display: inline-flex; align-items: center; gap: 8px;
  cursor: pointer;                           /* tiklanir: Live sekmesine doner */
}
html.tg .hm-abrand:active { opacity: .7; }
html.tg .hm-abrand b { letter-spacing: .14em; }
html.tg .hm-abstate { display: none; }

/* MINI APP SADECE SCREENER (13 Eyl 2026, Ayhan: "mini app'de market yok,
   unut o, sadece screener uzerine"). Marketplace web sitesinde kaliyor;
   uygulamanin icinde satis yuzeyi gorunmuyor - Telegram'in icinde odeme
   akisi zaten disari cikmak zorunda ve uygulamanin isi tek: cagrilari
   izlemek. */
html.tg a[href^="/market/"],
html.tg a[href^="/list/"],
html.tg .v2s-cta { display: none !important; }

/* TAM EKRAN (9 Eki 2026). Telegram tam ekranda durum cubugunu ve kendi
   Kapat / ... satirini sayfanin USTUNE cizer; yukseklikleri
   telegram-web-app.js'in verdigi degiskenlerde. Marka, X'teki gibi o
   satirin ortasina oturur: ust bosluk = durum cubugu, yukseklik = dugme
   satiri. Arama katmani ve alt bar da ayni paylari alir. */
html.tg.tg-full .hm-appbar {
  box-sizing: border-box;
  padding-top: var(--tg-safe-area-inset-top, 0px);
  padding-bottom: 0;
  min-height: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));
}
html.tg.tg-full .v2s-find {
  padding-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));
}
html.tg.tg-full .v2s-bot {
  bottom: calc(10px + var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom)));
}

/* MINI APP COIN SAYFASI GRAFIKLE BASLAR (10 Eki, Ayhan: "mobil app'de su kart
   olayina gerek yok, fomodaki gibi sadece grafik olsa yeter"). Bilgi karti
   yalniz mini app'te gizli; web ayni. Fiyat ust cubukta, CA grafik basliginda. */
html.tg .cp-rail > .cp-card.cv { display: none; }
