/* portal-ek.css — istatistik kategori sekmeleri + fotoğrafsız haber kartı logosu.
   NEDEN ayrı dosya: portal-bilesen.css başka bir süreç tarafından yeniden yazılabiliyor
   (17:19'da kat-sekme ve kulup-logo kuralları kayboldu); bu dosya ona bağlı değil. */

/* fotoğrafsız haber: ŞEFFAF kulüp logosu (ikon-192 koyu dolgulu kare gibi görünüyordu) */
.haber-foto:not(:has(img)){
  background:var(--kulup-logo,url(/static/app/ikon-192.png)) center/24% no-repeat,
             linear-gradient(180deg,#006633 0%,#031A12 100%)}

/* dokum-mevki-hiza: mevki yazısı avatarın altına düşüyordu; ismin altına hizala.
   Avatar 34px (mobil 28px) + aralık 10px (mobil 7px) kadar içeri. */
.dokum-tablo .d-ad .d-mevki{padding-left:44px;margin-top:-1px}
@media(max-width:520px){.dokum-tablo .d-ad .d-mevki{padding-left:35px}}
.dokum-tablo .dokum-oyuncu a{line-height:1.25}

/* döküm tablosu: avatar düğme (dokununca oyuncu paylaşım kartı açılır) */
button.dokum-av-btn{padding:0;border:1.5px solid #006633;cursor:zoom-in;overflow:hidden;background:#E8EDE9;
  transition:transform .15s,border-color .15s}
button.dokum-av-btn:hover{border-color:#00A85A;transform:scale(1.08)}
button.dokum-av-btn img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;border-radius:inherit}

/* ---- oyuncu paylaşım kartı penceresi (paylas.js üretir; kuralları hiçbir dosyada YOKTU:
   pencere sayfanın altına düz öğe olarak ekleniyordu, ekranda görünmüyordu) ---- */
#kart-modal{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:14px;padding:18px 14px;background:rgba(3,10,7,.92);overflow:auto;
  -webkit-overflow-scrolling:touch}
#kart-modal[hidden]{display:none}
#kart-modal img{display:block;width:auto;height:auto;max-width:min(100%,520px);
  max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);object-fit:contain;
  border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.6)}
#kart-modal .kart-modal-kapat{position:absolute;top:10px;right:12px;width:44px;height:44px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.55);background:rgba(3,26,18,.9);color:#fff;font-size:28px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 3px}
#kart-modal .kart-modal-kapat:hover{border-color:#00A85A}
#kart-modal .kart-modal-alt{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
#kart-modal .kart-modal-btn{min-height:46px;padding:0 22px;border-radius:var(--r-buyuk,10px);cursor:pointer;
  font-family:var(--baslik);font-size:17px;font-weight:600;letter-spacing:.07em;
  border:2px solid #006633;background:#006633;color:#fff}
#kart-modal .kart-modal-btn[data-islem=paylas]{background:#fff;color:#006633}
#kart-modal .kart-modal-btn:hover{border-color:#00A85A}

/* her yerde oyuncu kartı aç/paylaş düğmesi (portal-ek.js ekler) */
.kart-ac{position:absolute;top:8px;right:8px;z-index:3;width:38px;height:38px;border-radius:50%;padding:0;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  background:#006633;color:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.45);
  transition:transform .15s,background .15s}
.kart-ac:hover,.kart-ac:focus-visible{background:#00A85A;transform:scale(1.1);outline:none}
.kart-ac svg{display:block}
@media(max-width:600px){.kart-ac{width:44px;height:44px;top:6px;right:6px}}
.zirve-satir.kart-ac-var{padding-right:56px}
.zirve-satir .kart-ac{top:50%;margin-top:-19px}
@media(max-width:600px){.zirve-satir .kart-ac{margin-top:-22px}}

/* md-ac-hiza: maç kadrosunda satır dar (≈126px); düğme ismin ÜSTÜNE binmesin diye kendi sütununa girer,
   mevki ismin altına iner. */
.md-oyuncu.kart-ac-var{display:grid;grid-template-columns:26px minmax(0,1fr) 34px;column-gap:8px;
  align-items:center;padding-right:0}
.md-oyuncu.kart-ac-var .md-no{grid-column:1;grid-row:1 / span 2}
.md-oyuncu.kart-ac-var .md-ad{grid-column:2;grid-row:1;min-width:0}
.md-oyuncu.kart-ac-var .md-mevki{grid-column:2;grid-row:2;text-align:left}
.md-oyuncu.kart-ac-var .kart-ac{position:static;grid-column:3;grid-row:1 / span 2;width:34px;height:34px;
  margin:0;box-shadow:none;border-width:1.5px;justify-self:end}
.md-oyuncu.kart-ac-var .kart-ac svg{width:15px;height:15px}

/* lider-ac-hiza: ana sayfa lider satırında düğme isim/sayının üstüne biniyordu → kendi sütununa. */
.lider-satir.kart-ac-var{grid-template-columns:26px minmax(0,1fr) auto 34px;column-gap:8px}
.lider-satir.kart-ac-var .kart-ac{position:static;width:32px;height:32px;margin:0;box-shadow:none;
  border-width:1.5px;grid-column:4}
.lider-satir.kart-ac-var .kart-ac svg{width:14px;height:14px}

/* lider-ac-dar: ana sayfada lider kutusu yarım genişlikte (~170px). Düğme + sıra + sayı isimden
   yer çalıp "Kuzey Yaylacı"yı harf harf bölüyordu → telefonda düğme ismin ALTINA/sağ alta iner. */
@media(max-width:600px){
  .lider-satir.kart-ac-var{grid-template-columns:22px minmax(0,1fr) auto;row-gap:6px;padding-bottom:8px}
  .lider-satir.kart-ac-var /* anywhere → "Yenioca/k": kelime sığabilecekken de ortadan kırıyordu.
   break-word: yalnız kelime TEK BAŞINA satıra sığmazsa kırar; normalde
   boşluktan sarar. Kelime ortası kırılma biter, taşma da olmaz. */
.lider-ad{overflow-wrap:break-word;word-break:normal;hyphens:none}
  .lider-satir.kart-ac-var .kart-ac{grid-column:3;grid-row:2;justify-self:end;width:30px;height:30px}
  .lider-satir.kart-ac-var .kart-ac svg{width:13px;height:13px}
}

/* gorunmez: yalnız ekran okuyucu/arama motoru için başlık */
.gorunmez{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* dokunma-44: görünen daire küçük kalır, parmakla basılabilen alan 44px'e çıkar (::after görünmez) */
.kart-ac,button.lider-av,button.dokum-av-btn{position:relative}
.md-oyuncu:not(.kart-ac-var) .kart-ac,.oyuncu-kart .kart-ac,.zirve-satir .kart-ac{position:absolute}
.kart-ac::after,button.lider-av::after,button.dokum-av-btn::after{content:"";position:absolute;inset:-8px}
@media(min-width:601px){.kart-ac::after,button.lider-av::after,button.dokum-av-btn::after{inset:-4px}}
/* alt bilgi bağlantıları: satır yüksekliği 33px → 44px */
.alt-izgara a{display:flex;align-items:center;min-height:44px}
.alt-izgara a svg{flex:none}

/* dokunma-44-duzelt: grid içindeki düğmeler position:static idi → görünmez ::after düğmeye değil
   BÜTÜN SATIRA yayılıyordu (ismin üstüne bile basınca kart açılırdı). relative → alan düğmede kalır. */
.lider-satir.kart-ac-var .kart-ac,
.md-oyuncu.kart-ac-var .kart-ac{position:relative}

/* kadro-tek-sutun: maç sayfasında İLK 11 / YEDEKLER telefonda yan yana iki 168px sütundu;
   isim alanı 50px kalıp 'Ahmet Talha Kesik' 3 satıra bölünüyor, 'Miraç Hangül' kesiliyordu.
   Yalnız maç kadrosunu içeren ızgara (:has) telefonda alt alta dizilir. */
@media(max-width:600px){
  .izgara.i2:has(.md-oyuncu){grid-template-columns:minmax(0,1fr)}
}

/* ---- ana sayfa "sıradaki maçı takip et" şeridi + maç sayfasında düğme vurgusu ---- */
.bildirim-sirada{display:flex;align-items:center;gap:14px;margin:16px auto 0;max-width:1180px;min-height:64px;padding:12px 18px;
  border:2px solid #006633;border-radius:14px;background:#fff;color:#0b1f16;text-decoration:none}
.bildirim-sirada:hover,.bildirim-sirada:focus-visible{background:#F1F8F4;outline:none}
.bildirim-sirada>svg{flex:none;color:#006633}
.bs-metin{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.bs-metin b{font-family:var(--baslik);font-size:19px;letter-spacing:.04em;font-weight:600;line-height:1.2}
.bs-metin span{font-size:15px;color:#4b5b52;line-height:1.35}
.bs-git{flex:none;display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;background:#006633;color:#fff;
  font-family:var(--baslik);font-size:16px;font-weight:600;letter-spacing:.07em;white-space:nowrap}
@media(max-width:560px){
  .bildirim-sirada{flex-wrap:wrap;gap:10px 12px}
  .bs-metin{flex:1 1 calc(100% - 44px)}
  .bs-git{flex:1 1 100%;justify-content:center}
}
.takip-dugme.takip-vurgu{box-shadow:0 0 0 4px #D71920;transition:box-shadow .2s}
@media(prefers-reduced-motion:no-preference){.takip-dugme.takip-vurgu{animation:takip-nabiz 1.1s ease-in-out 3}}
@keyframes takip-nabiz{0%,100%{box-shadow:0 0 0 3px #D71920}50%{box-shadow:0 0 0 9px rgba(215,25,32,.25)}}

/* ------------------------------------------------ TAKIM (KADEME) TAKİBİ
   Takım sayfasının koyu hero alanındaki bildirim düğmesi. Kulüp paleti:
   yeşil + beyaz; takip edilirken içi boşaltılıp çerçeveyle gösterilir. */
.kat-takip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px}
.kat-takip-dugme{display:inline-flex;align-items:center;gap:9px;background:#00A85A;
  color:#031A12;border:0;border-radius:11px;padding:12px 18px;font:inherit;
  font-weight:700;letter-spacing:.4px;cursor:pointer;min-height:46px}
.kat-takip-dugme.acik{background:transparent;color:#FFFFFF;
  box-shadow:inset 0 0 0 2px #00A85A}
.kat-takip-dugme[disabled]{opacity:.55;cursor:default}
.kat-takip-not{font-size:13.5px;color:#B9C6C0;max-width:46ch;line-height:1.5;margin:0}
.kat-takip-sayi{font-size:13px;color:#8FA39A}
.kat-takip-sayi b{color:#00A85A}

/* ---------------------------------------------------------------------------
   oyuncu-ac-hiza (takım sayfası kadro ızgarası)
   Paylaş düğmesi kartın sağ üstüne absolute oturuyordu ve FORMA NUMARASINI
   örtüyordu — ölçüm: numara 26×30 px, düğme 38×38 px, 26 px örtüşme. Ayrıca
   her kartta dolu yeşil daire + gölge vardı: 25 kartta sayfayı kalabalık ve
   yapmacık gösteriyordu.

   Çözüm, `md-oyuncu` ve `lider-satir` satırlarında zaten uygulanan desenin
   aynısı: düğme KENDİ SÜTUNUNA alınır (position:static). Böylece fotoğraf
   temiz kalır, forma numarası görünür olur, ikon sakinleşir (dolu daire ve
   gölge yok; hover'da koyu yeşile döner).
   --------------------------------------------------------------------------- */
.oyuncu-kart.kart-ac-var{display:grid;grid-template-columns:minmax(0,1fr) 46px;
  align-items:center}
.oyuncu-kart.kart-ac-var .oyuncu-foto{grid-column:1 / -1}
.oyuncu-kart.kart-ac-var .oyuncu-alt{grid-column:1;grid-row:2}
.oyuncu-kart.kart-ac-var .kart-ac{grid-column:2;grid-row:2;position:relative;
  width:34px;height:34px;margin:0;justify-self:center;box-shadow:none;
  background:transparent;border:0;color:rgba(255,255,255,.35);
  opacity:.55;transition:opacity .15s,color .15s}
.oyuncu-kart.kart-ac-var .kart-ac:hover,
.oyuncu-kart.kart-ac-var .kart-ac:focus-visible{background:transparent;
  border:0;color:#00A85A;opacity:1;transform:none}
/* NOT: hover medya sorgusu bilerek KULLANILMADI. Denendi (@media(hover:hover)
   ile durgun hâlde gizlemek) ama headless tarayıcı her zaman "hover:none"
   bildirdiği için dala güvenilip doğrulanamadı. Bunun yerine her cihazda aynı
   sonuç veren çözüm: dairesiz, ince, %55 saydam ikon; hover/odakta yeşile
   döner. Dokunmatikte de erişilebilir kalır (::after ile 44px dokunma alanı). */
.oyuncu-kart.kart-ac-var .kart-ac svg{width:15px;height:15px}
@media(max-width:600px){
  .oyuncu-kart.kart-ac-var .kart-ac{width:38px;height:38px}
}

/* ---------------------------------------------------------------------------
   PAYLAS-ikon-sade — ana sayfa lider listesi · maç kadrosu · zirve listesi
   Satır içi paylaş düğmeleri dolu koyu yeşil daire + beyaz kenarlık + gölge ile
   satırın EN PARLAK ve en büyük öğesiydi: oyuncu adı ikincil kalıyor, aksiyon
   öne çıkıyordu ("kötü paylaşım ikonu, dikkat çekiyor"). Ek olarak absolute
   çağından kalan top:8px/right:8px kaydırması düğmeyi grid hücresinden 8 px
   oynatıp komşu sayıya yaklaştırıyordu.

   Aksiyon ikincil olmalı: dairesiz, çerçevesiz, yarı saydam; hover ve klavye
   odağında kulüp yeşiline döner. Renk `currentColor` (inherit) ile satır
   metnine uyar → koyu zeminde açık, açık zeminde koyu kalır; iki farklı tema
   için ayrı kural gerekmez.
   --------------------------------------------------------------------------- */
.kart-ac{background:transparent;border:0;box-shadow:none;color:inherit;opacity:.45;
  transition:opacity .15s,color .15s}
.kart-ac:hover,.kart-ac:focus-visible{background:transparent;border:0;color:#00A85A;
  opacity:1;transform:none}
/* grid içine yerleşen düğmeler: absolute kalıntısı konum kaydırması sıfırlanır
   (düğme kendi hücresinde kalır, komşu içeriğe binmez) */
.md-oyuncu.kart-ac-var .kart-ac,
.lider-satir.kart-ac-var .kart-ac,
.oyuncu-kart.kart-ac-var .kart-ac{top:auto;right:auto;left:auto;bottom:auto;
  background:transparent;border:0;box-shadow:none}
.zirve-satir .kart-ac{background:transparent;border:0;box-shadow:none}

/* ---------------------------------------------------------------------------
   lider-ad-kelime: ana sayfa lider listesinde isim kolonu dar (kart ~148px).
   Kelime ORTASINDAN kırılma açıktı: "B. Yeniocak" → "B. Yenioca" + "k" (tek
   harf alt satırda). Mobil için konulan kural masaüstünde yoktu; kelime
   kırılması yalnız boşlukta olur, sığmazsa satır taşmaz, iki satıra iner.
   --------------------------------------------------------------------------- */
/* anywhere → "Yenioca/k": kelime sığabilecekken de ortadan kırıyordu.
   break-word: yalnız kelime TEK BAŞINA satıra sığmazsa kırar; normalde
   boşluktan sarar. Kelime ortası kırılma biter, taşma da olmaz. */
.lider-ad{overflow-wrap:break-word;word-break:normal;hyphens:none}

/* ---------------------------------------------------------------------------
   lider-kolon-payi — isim kolonu 52px kalıyordu, "Yeniocak" 55px olduğu için
   tarayıcı kelimeyi ortadan kırıp tek harfi alt satıra düşürüyordu. Sıra
   numarası/ikon kolonları ve boşluklar kısılıp isme ~13px daha yer açıldı:
   isim artık gerekiyorsa BOŞLUKTAN sarar (2 temiz satır), ortadan kırılmaz.
   --------------------------------------------------------------------------- */
/* YALNIZ masaüstü: 601px altında dosyanın başındaki mobil kural (ikon 2. satıra
   iner — grid-template-columns:22px minmax(0,1fr) auto + row-gap) geçerli olmalı.
   Bu blok medya sorgusuz yazılınca o kuralı EZİYORDU: telefonda ikon 4. sütunda
   kalıp isim kolonu ~50px'e iniyordu → isim 4 satıra bölünüyordu. */
@media(min-width:601px){
  .lider-satir.kart-ac-var{grid-template-columns:22px minmax(0,1fr) auto 30px;column-gap:7px}
  .lider-satir.kart-ac-var .kart-ac{width:30px;height:30px}
  .lider-satir.kart-ac-var .kart-ac svg{width:13px;height:13px}
  .lider-satir.kart-ac-var .lider-ad{font-size:14px}
}

/* ---------------------------------------------------------------------------
   lider-izgara-5 — lider kartları `izgara i6` içinde 6 kolonun 1'i kadar yer
   alıyordu (kart ~148px) ve isim kolonu ~70px'e sıkışıyordu: "B. Yeniocak"
   iki satıra bölünüp ilk satırda tek başına "B." kalıyordu (özensiz görünüm).
   5 kategori kartı için masaüstünde 5 kolon kullanılır → kart ~230px, isimler
   tek satıra sığar. ≤1100px'te mevcut .i6 davranışı (3 kolon) korunur.
   --------------------------------------------------------------------------- */
@media(min-width:1101px){
  #lider-izgara{grid-template-columns:repeat(5,1fr)}
}

/* ---------------------------------------------------------------------------
   lider-telefon-payi — 390px telefonda isim hücresi 63px kalıyordu; "Yeniocak"
   kelimesi ~65px olduğu için 1px taşıp break-word ile "Yenioca|k" bölünüyordu
   (tek harf alt satır). Telefonda sıra numarası ve boşluklar kısılıp isim
   hücresi ~69px'e çıkarıldı; punto da hafif düşürüldü → kelime bütün kalır.
   --------------------------------------------------------------------------- */
@media(max-width:600px){
  .lider-satir.kart-ac-var{grid-template-columns:18px minmax(0,1fr) auto;column-gap:6px}
  .lider-satir.kart-ac-var .lider-ad{font-size:13.5px}
}