/* ============================================================================
   1299 Mobile — KABUK (yeni tasarım dili)                       (2026-08-05)

   NEDEN BU DOSYA VAR:
     Panel bir E-SPOR TURNUVA şablonudur (CSS'i tournaments/matches/teams
     sınıflarıyla dolu). Üzerine KO paneli giydirilmiş. 5 Ağustos'ta şablonu
     tek tek yamamayı denedik; her düzeltmede altından başka bir artık çıktı
     (önceki sahibin logosu, rakip sunucu reklamı, telifli WoW görseli,
     bilim-kurgu robot arka planı, 274px'e yayılan avatar). Karar: şablonla
     kavga etmek yerine ÜSTÜNE TEMİZ BİR KABUK geçirmek.

   NE DEĞİŞMEDİ:
     Hiçbir PHP mantığı, sorgu, oturum/CSRF kontrolü veya rota. Bu dosya
     yalnızca görünüm. top.php'deki tek <link> satırı silinirse panel eski
     hâline döner.

   TASARIM DİLİ (referans: mykomobile.com — ölçüler oradan alındı, varlık
   kopyalanmadı): koyu zemin #0a0a0a, gövde Inter, başlık Playfair Display
   serif, 12px köşe, 1280px içerik, vurgu SOLUK ALTIN (parlak sarı değil).

   SIRALAMA: bu dosya en son yüklenir. Şablonun !important kuralları çok
   olduğu için burada da yer yer !important kullanmak zorunlu.
   ============================================================================ */

:root{
  /* Zeminler */
  --k-zemin:#0a0a0a;
  --k-yuzey:#121214;
  --k-yuzey-2:#191a1d;
  --k-yuzey-3:#212226;

  /* Çizgi — tam renk değil, saydam beyaz: her zeminin üstünde doğru durur */
  --k-cizgi:rgba(255,255,255,.075);
  --k-cizgi-guclu:rgba(255,255,255,.14);

  /* Vurgu. Eski panel #D4AF37 (parlak sarı) kullanıyordu ve 22 yerde 2px
     çerçeve olarak basılmıştı; her şey vurgulanınca hiçbir şey vurgulanmış
     olmuyordu. Yeni renk daha soluk/sıcak ve YALNIZCA vurgu için. */
  --k-altin:#c8a86b;
  --k-altin-parlak:#dcc79a;
  --k-altin-koyu:#a4854c;
  --k-altin-sis:rgba(200,168,107,.14);

  /* Ulus renkleri — Karus / El Morad */
  --k-karus:#c0392b;
  --k-elmorad:#2f6fb5;

  --k-metin:#f4f4f5;
  --k-metin-2:#a1a1aa;
  --k-metin-3:#71717a;

  --k-kose:12px;
  --k-kose-s:8px;
  --k-kose-l:16px;

  --k-govde:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --k-baslik:'Playfair Display',Georgia,serif;

  --k-golge:0 1px 2px rgba(0,0,0,.4);
  --k-golge-l:0 12px 32px rgba(0,0,0,.5);

  --k-genislik:1280px;
}

/* ── TEMEL ──────────────────────────────────────────────────────────────── */
html,body{
  background:var(--k-zemin) !important;
  color:var(--k-metin) !important;
  font-family:var(--k-govde) !important;
  font-size:15px;
  line-height:1.65;
  max-width:100%;
  /* 2026-08-05 — STICKY'Yi BOZAN KURAL DUZELTILDI.
     overflow-x:hidden verildiginde diger eksen otomatik uto olur ve
     html/body bir KAYDIRMA KAPSAYICISI haline gelir; icindeki
     position:sticky ust bar artik ekrana degil o kapsayiciya gore
     davranir, yani HIC YAPISMAZ. Olculdu: ic sayfada 172px kaydirinca
     menu y=-78'e cikiyor (ekran disi) ve acilir menuye tiklanamiyordu.
     clip ayni yatay tasma korumasini verir ama kaydirma kapsayicisi
     OLUSTURMAZ. hidden once yaziliyor: clip bilmeyen eski tarayici
     onu kullanir, bilen clipe gecer. */
  overflow-x:hidden;
  overflow-x:clip;
}
body.landing,body.blog-style,body.register,body.single-ranking,body.tournaments-page{
  background:var(--k-zemin) !important;
}
h1,h2,h3,h4,h5,.h1,.h2,.h3{
  font-family:var(--k-baslik) !important;
  color:var(--k-metin) !important;
  text-transform:none !important;   /* şablon hepsini BÜYÜK HARFE çeviriyordu */
  letter-spacing:0 !important;
  font-weight:600 !important;
}
a{ color:var(--k-metin); }
a:hover{ color:var(--k-altin); opacity:1 !important; }
img{ max-width:100%; height:auto; }

/* Şablon her yere outline:none!important koymuştu — klavyeyle gezen
   kullanıcı nerede olduğunu göremiyordu. Geri getiriliyor. */
:focus-visible{
  outline:2px solid var(--k-altin) !important;
  outline-offset:2px;
}

.container{
  max-width:var(--k-genislik) !important;
  width:100% !important;
  padding-left:20px !important;
  padding-right:20px !important;
  margin:0 auto !important;
}

/* ── ÜST BAR ────────────────────────────────────────────────────────────── */
.top-toolbar{
  background:var(--k-zemin) !important;
  border:0 !important;
  border-bottom:1px solid var(--k-cizgi) !important;
  box-shadow:none !important;
  height:auto !important;
  min-height:46px;
}
.top-toolbar a{ color:var(--k-metin-2) !important; }
.top-toolbar a:hover{ color:var(--k-altin) !important; }

/* Üstteki Kayıt Ol / Giriş Yap düğmeleri */
.toolbar-register-btn,.toolbar-login-btn{
  display:inline-flex !important;
  align-items:center; gap:7px;
  padding:8px 16px !important;
  border-radius:var(--k-kose-s) !important;
  font-size:13px !important;
  font-weight:500;
  white-space:nowrap;
  border:1px solid var(--k-cizgi-guclu) !important;
  background:transparent !important;
  color:var(--k-metin) !important;
  text-transform:none !important;
}
.toolbar-register-btn{
  background:var(--k-altin) !important;
  border-color:var(--k-altin) !important;
  color:#17130a !important;
  font-weight:600;
}
.toolbar-register-btn:hover{ filter:brightness(1.08); color:#17130a !important; }
.toolbar-login-btn:hover{ border-color:var(--k-altin) !important; color:var(--k-altin) !important; }

/* ── LOGO ŞERİDİ ────────────────────────────────────────────────────────── */
.navbar-wrapper{
  background:var(--k-zemin) !important;
  border:0 !important;
  border-bottom:1px solid var(--k-cizgi) !important;
}
.logo.col-lg-4{ padding:14px 0 !important; text-align:center; }
.brand img{
  height:64px !important; width:auto !important;
  max-width:100% !important; object-fit:contain;
}

/* Giriş yapmış kullanıcı rozeti.
   Şablonda `.user-avatar` float+width:auto ile daralması gerekirken
   içindeki `a.username` genel `.username` kuralından 172px alıyor ve
   kırmızı halka 50px'lik resmin etrafında dev bir KAPSÜL oluyordu. */
.user-avatar{
  width:44px !important; height:44px !important;
  padding:2px !important; box-sizing:border-box !important;
  border-radius:50% !important; overflow:hidden;
  background:var(--k-yuzey-3) !important;
  box-shadow:none !important;
  border:1px solid var(--k-cizgi-guclu) !important;
  margin-top:0 !important;
}
.user-avatar a.username{ width:40px !important; height:40px !important; display:block !important; float:none !important; padding:0 !important; }
.user-avatar img{ width:40px !important; height:40px !important; border-radius:50%; object-fit:cover; }
.logged-info .username{ font-size:13.5px !important; color:var(--k-metin) !important; }
.logged-info span{ font-size:11.5px !important; color:var(--k-metin-3) !important; }

/* ── ANA MENÜ ───────────────────────────────────────────────────────────── */
.header-navigation-wrapper,.navbar-inverse{
  background:var(--k-zemin) !important;
  border:0 !important;
  border-bottom:1px solid var(--k-cizgi) !important;
  margin:0 !important;
  min-height:auto !important;
}
.header-menu-navigation > li{ border:0 !important; }
.header-menu-navigation > li > a{
  display:flex !important; align-items:center; gap:8px;
  padding:16px 18px !important;
  font-size:13.5px !important;
  font-weight:500;
  color:var(--k-metin-2) !important;
  background:transparent !important;
  border:0 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  position:relative;
}
.header-menu-navigation > li > a:hover,
.header-menu-navigation > li.active > a{
  color:var(--k-metin) !important;
  background:transparent !important;
  box-shadow:none !important;
}
/* Aktif/hover işareti: alt çizgi — çerçeve değil */
.header-menu-navigation > li > a::after{
  content:""; position:absolute; left:18px; right:18px; bottom:0;
  height:2px; background:var(--k-altin);
  transform:scaleX(0); transform-origin:left;
  transition:transform .18s ease;
}
.header-menu-navigation > li > a:hover::after,
.header-menu-navigation > li.active > a::after{ transform:scaleX(1); }
.header-menu-icon{ color:var(--k-altin) !important; font-size:14px !important; }
.dropdown-icon{ font-size:11px !important; opacity:.6; }

/* Ön kayıt kilitliyken */
.onkayit.kilitli > a{ opacity:.5; cursor:not-allowed; }
.onkayit .nokta{
  width:7px;height:7px;border-radius:50%;background:var(--k-altin);
  display:inline-block;box-shadow:0 0 0 3px var(--k-altin-sis);
}

/* Açılır menüler */
.dropdown-menu{
  background:var(--k-yuzey-2) !important;
  border:1px solid var(--k-cizgi) !important;
  border-radius:var(--k-kose) !important;
  box-shadow:var(--k-golge-l) !important;
  padding:8px !important;
  margin-top:4px !important;
}
.dropdown-menu a{
  color:var(--k-metin-2) !important;
  padding:9px 12px !important;
  border-radius:var(--k-kose-s) !important;
  font-size:13.5px !important;
  border:0 !important;
}
.dropdown-menu a:hover{ background:var(--k-yuzey-3) !important; color:var(--k-metin) !important; }
.dropdown-menu .category-title{
  display:block; padding:8px 12px 6px;
  font-size:11px; letter-spacing:.8px; text-transform:uppercase;
  color:var(--k-metin-3) !important;
}

/* ── DUYURU ŞERİDİ ──────────────────────────────────────────────────────── */
/* Eskiden çapraz çizgili zemin üstünde sarı metin vardı; okunmuyordu. */
.duyuru-serit,.notice-bar,.header-notice{
  background:var(--k-yuzey) !important;
  border-bottom:1px solid var(--k-cizgi) !important;
}
.duyuru-serit *,.notice-bar *{
  color:var(--k-metin-2) !important;
  text-shadow:none !important;
  font-size:13px !important;
  background-image:none !important;
}

/* ── BUTONLAR ───────────────────────────────────────────────────────────── */
/* TAŞMANIN KÖKÜ: şablon butonları İngilizce kısa metne göre ölçülmüş
   (SUBMIT=6 harf). Türkçesi "KABUL ET & GÖNDER"=18, "BAĞLANTIYI E-POSTAMA
   GÖNDER"=27 harf. Buton nowrap olduğu için kutuyu yatayda yarıyordu.
   Çözüm renk değil, ESNEKLİK. */
.btn,.btn_red,.button-medium,.btn.btn_red,
input[type="submit"],button[type="submit"],button.btn{
  display:inline-flex !important;
  align-items:center; justify-content:center; gap:8px;
  white-space:normal !important;
  text-align:center; line-height:1.35 !important;
  width:auto; min-height:44px;
  padding:12px 22px !important;
  box-sizing:border-box;
  font-family:var(--k-govde) !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  border-radius:var(--k-kose) !important;
  border:1px solid var(--k-altin) !important;
  background:var(--k-altin) !important;
  color:#17130a !important;
  text-shadow:none !important;
  box-shadow:none !important;
  cursor:pointer;
  transition:filter .16s ease,border-color .16s ease;
}
.btn:hover,.btn_red:hover,.button-medium:hover,
input[type="submit"]:hover,button[type="submit"]:hover{
  filter:brightness(1.08);
  color:#17130a !important;
}
/* İkincil buton */
.btn-ikincil,.btn-outline{
  background:transparent !important;
  color:var(--k-metin) !important;
  border-color:var(--k-cizgi-guclu) !important;
}
.btn-ikincil:hover{ border-color:var(--k-altin) !important; color:var(--k-altin) !important; filter:none; }

/* ── FORM ALANLARI ──────────────────────────────────────────────────────── */
input[type="text"],input[type="password"],input[type="email"],
input[type="number"],input[type="tel"],input[type="search"],
select,textarea,.register,.form-control{
  width:100%; box-sizing:border-box;
  padding:12px 14px !important;
  background:var(--k-yuzey) !important;
  border:1px solid var(--k-cizgi-guclu) !important;
  border-radius:var(--k-kose-s) !important;
  color:var(--k-metin) !important;
  font-family:var(--k-govde) !important;
  font-size:14.5px !important;
  line-height:1.4;
  transition:border-color .15s ease,box-shadow .15s ease;
}
input:focus,select:focus,textarea:focus,.register:focus,.form-control:focus{
  border-color:var(--k-altin) !important;
  box-shadow:0 0 0 3px var(--k-altin-sis) !important;
  outline:none !important;
}
input::placeholder,textarea::placeholder{ color:var(--k-metin-3) !important; }

/* Etiketler: şablon sağa yaslıyordu, uzun Türkçe etiketler kırılıyordu */
.control-label,.label-left label{
  text-align:left !important; float:none !important; width:auto !important;
  display:block; margin:0 0 8px;
  font-size:12.5px; letter-spacing:.3px;
  text-transform:none; color:var(--k-metin-2);
}
/* Bootstrap sütunları formu daraltıyordu */
.label-left .col-sm-8,.label-left .col-sm-10,
.register-form-wrapper .col-sm-8,.register-form-wrapper .col-sm-10{
  width:100% !important; float:none !important;
  padding-left:0 !important; padding-right:0 !important;
}
.form-group{ margin-bottom:18px !important; }
input[type="checkbox"],input[type="radio"]{
  width:17px;height:17px;min-width:17px;
  accent-color:var(--k-altin); cursor:pointer; vertical-align:middle;
}

/* ── BÖLÜM BAŞLIKLARI ───────────────────────────────────────────────────── */
/* Eski hâlinde çapraz çizgili zemin vardı — 2010'lar görünümü. */
.main-content-title{
  background:none !important; border:0 !important;
  padding:0 !important; margin:0 0 18px !important;
}
.main-content-title h3{
  display:flex; align-items:center; gap:10px;
  font-family:var(--k-baslik) !important;
  font-size:20px !important; font-weight:600 !important;
  color:var(--k-metin) !important;
  background:none !important;
  border:0 !important; border-bottom:1px solid var(--k-cizgi) !important;
  padding:0 0 12px !important; margin:0 !important;
  text-transform:none !important; letter-spacing:0 !important;
}
.main-content-title h3::after{ display:none !important; }
/* İkon KUTUSU kaldırıldı — ana sayfadaki kart başlıklarıyla aynı gerekçe:
   30px'lik çerçeveli kare, başlığın yanında düğme gibi duruyor ve
   bölümü ağırlaştırıyordu. İkon artık yalnızca ince bir vurgu. */
.main-content-title h3 i{
  color:var(--k-altin) !important; font-size:12px !important;
  width:auto;height:auto;flex:0 0 auto;
  background:none; border:0; border-radius:0;
  margin:0 !important; opacity:.8;
}

/* Sayfa üstü büyük başlık */
.slider{
  background:var(--k-zemin) !important;
  background-image:radial-gradient(120% 100% at 50% 0%, rgba(200,168,107,.06) 0%, transparent 62%) !important;
  border-bottom:1px solid var(--k-cizgi) !important;
  min-height:auto !important;
}
/* SAYFA BAŞLIĞI İNCELTİLDİ.
   Şablonun `.slider` bandı ekranın üçte birini kaplayan bir "hero" alanıydı
   ve içindeki başlık devasaydı. Kayıt sayfasında bu blok tamamen kaldırıldı;
   diğer sayfalarda (sıralamalar, klan profili, araçlar) markup'a
   dokunmadan yalnızca ölçü düşürülüyor — 10 ayrı dosyayı elden geçirmeye
   gerek kalmıyor. Sola hizalı: ortalanmış başlık boş sayfada yalnız duruyordu. */
.slider h1{
  font-family:var(--k-baslik) !important;
  font-size:22px !important; font-weight:600 !important;
  color:var(--k-metin) !important;
  padding:22px 0 !important; margin:0 !important;
  text-align:left !important;
  text-transform:none !important; letter-spacing:0 !important;
}
.slider.col-lg-12{ padding-left:0 !important; padding-right:0 !important; }
.slider:after{ display:none !important; }

/* ── KART / KUTU ────────────────────────────────────────────────────────── */
.k-kart,.main-block-content,.register-form-wrapper{
  background:var(--k-yuzey) !important;
  border:1px solid var(--k-cizgi) !important;
  border-radius:var(--k-kose) !important;
  padding:24px !important;
}
.main-block-top{
  font-family:var(--k-baslik); font-size:18px;
  color:var(--k-metin); background:none !important;
  padding:0 0 14px; margin:0 0 18px;
  border-bottom:1px solid var(--k-cizgi);
}
.main-block-bottom,.body-content-footer{ display:none !important; }

/* ── TABLOLAR ───────────────────────────────────────────────────────────── */
table.white,.accountinfo,#prizes_table,.k-tablo{
  border-collapse:separate !important; border-spacing:0 !important;
  width:100% !important; background:transparent !important;
}
table.white th,#prizes_table th,.accountinfo th,.k-tablo th{
  background:var(--k-yuzey-2) !important;
  color:var(--k-metin-2) !important;
  font-size:11.5px !important; font-weight:600 !important;
  letter-spacing:.5px; text-transform:uppercase;
  padding:11px 14px !important;
  border:0 !important; border-bottom:1px solid var(--k-cizgi) !important;
}
table.white td,#prizes_table td,.accountinfo td,.k-tablo td{
  padding:11px 14px !important; font-size:13.5px !important;
  color:var(--k-metin) !important;
  border:0 !important; border-bottom:1px solid var(--k-cizgi) !important;
  background:transparent !important;
}
table.white tr:hover td,#prizes_table tr:hover td,.k-tablo tbody tr:hover td{
  background:var(--k-yuzey-2) !important;
}

/* ── SEKMELER ───────────────────────────────────────────────────────────── */
.nav-tabs,.matches-tab-wrapper{
  border:0 !important; border-bottom:1px solid var(--k-cizgi) !important;
  display:flex; gap:4px; padding:0 !important; margin:0 0 18px !important;
}
.nav-tabs > li,.matches-tab-wrapper > li{ float:none !important; margin:0 !important; border:0 !important; }
.nav-tabs > li > a,.matches-tab-wrapper > li > a{
  background:transparent !important; border:0 !important;
  border-radius:0 !important; margin:0 !important;
  padding:11px 16px !important;
  color:var(--k-metin-3) !important;
  font-size:13.5px !important; font-weight:500;
  text-transform:none !important;
  box-shadow:inset 0 -2px 0 transparent;
  transition:color .15s ease,box-shadow .15s ease;
}
.nav-tabs > li.active > a,.matches-tab-wrapper > li.active > a,
.nav-tabs > li > a:hover,.matches-tab-wrapper > li > a:hover{
  background:transparent !important; border:0 !important;
  color:var(--k-metin) !important;
  box-shadow:inset 0 -2px 0 var(--k-altin);
}

/* ── ALT BİLGİ ──────────────────────────────────────────────────────────── */
footer,.footer,.footer-wrapper{
  background:var(--k-zemin) !important;
  border-top:1px solid var(--k-cizgi) !important;
  color:var(--k-metin-3) !important;
}
footer a{ color:var(--k-metin-2) !important; }
footer a:hover{ color:var(--k-altin) !important; }

/* ── HİÇBİR ŞEY SAYFAYI YANA KAYDIRMASIN ────────────────────────────────── */
.row{ margin-left:0 !important; margin-right:0 !important; }
[class*="col-"]{ padding-left:10px; padding-right:10px; }

/* ── MOBİL ──────────────────────────────────────────────────────────────── */
@media (max-width:991px){
  .brand img{ height:48px !important; }
  .slider h1{ font-size:26px !important; padding:24px 0 !important; }
  .main-content-title h3{ font-size:17px !important; }
  .header-menu-navigation > li > a{ padding:13px 14px !important; }
  #header-menu{ background:var(--k-yuzey) !important; border-radius:var(--k-kose); }
}
@media (max-width:576px){
  body{ font-size:14.5px; }
  .container{ padding-left:14px !important; padding-right:14px !important; }
  .k-kart,.main-block-content,.register-form-wrapper{ padding:18px !important; }
}


/* ── DUYURU ŞERİDİ (.ticker) ────────────────────────────────────────────── */
/* Eski hâli: kırmızı üçgen çıkıntı + çapraz çizgili zemin + sarı gölgeli
   kayan yazı. Şerit menüden daha çok dikkat çekiyor ve metin okunmuyordu.
   Yeni hâli: ince, sakin bir bilgi şeridi. */
.ticker{
  background:var(--k-yuzey) !important;
  border:0 !important;
  border-bottom:1px solid var(--k-cizgi) !important;
  box-shadow:none !important;
}
/* NOT: Buraya once `display:flex` konuldu ve kayan yazi "DUYURULAR"
   etiketinin USTUNE bindi — ticker eklentisi icerideki seridi position:
   absolute ile konumlandiriyor, flex duzeni onu bozuyor. Sablonun kendi
   yerlesimi korunuyor; sadece renk/zemin degistiriliyor. */
.ticker .container{ position:relative; }

.ticker-title{
  display:inline-flex !important; align-items:center; gap:8px;
  background:none !important;
  border:0 !important;
  padding:11px 0 !important;
  margin:0 !important;
  flex:0 0 auto;
  font-size:12px !important; font-weight:600;
  letter-spacing:.6px; text-transform:uppercase;
  color:var(--k-altin) !important;
  white-space:nowrap;
}
/* Kırmızı üçgen çıkıntı ::after ile çiziliyordu */
.ticker-title::before,.ticker-title::after{ display:none !important; content:none !important; }
.ticker-title i{ color:var(--k-altin) !important; font-size:13px !important; }

.tickercontainer,.ticker .mask{
  background:none !important; border:0 !important;
}
.ticker .newsticker li,.ticker .mask *{
  color:var(--k-metin-2) !important;
  text-shadow:none !important;
  background:none !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

/* ── MENÜ YAZILARI ──────────────────────────────────────────────────────── */
/* .header-menu-text kendi uppercase kuralına sahipti; üstteki <a> kuralı
   ona ulaşmıyordu. Menü artık Başlık Düzeni değil, normal cümle düzeni. */
.header-menu-text{
  text-transform:none !important;
  letter-spacing:0 !important;
  font-size:13.5px !important;
  font-weight:500 !important;
}


/* Duyuru şeridinin sol ucundaki kırmızı blok, .ticker'ın kendi ::before'u
   (şablonun "haber bandı" süsü). Kaldırıldı — yeni tasarımda kırmızı yok. */
.ticker::before,.ticker::after,
.ticker .container::before,.ticker .container::after{
  display:none !important; content:none !important; background:none !important;
}
/* Kayan metin altın/gölgeli geliyordu; sakin gri yapıldı. */
.ticker .tickercontainer li,.ticker .tickercontainer a,
.ticker .tickercontainer span,.ticker .newsticker *{
  color:var(--k-metin-2) !important;
  text-shadow:none !important;
  font-size:13px !important;
  font-weight:400 !important;
  background:none !important;
}


/* ============================================================================
   TEK SATIR ÜST BAR (.k-ust)                                     (2026-08-05)
   Dört şerit (üst araç çubuğu + logo bandı + menü + duyuru) tek satıra indi.
   ============================================================================ */

.k-ust{
  position:sticky; top:0; z-index:1000;
  background:rgba(10,10,10,.88);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--k-cizgi);
}
.k-ust-ic{
  display:flex; align-items:center; gap:22px;
  min-height:64px;
}

/* Logo — artık kendi bandı yok, satırın solunda */
.k-logo{ flex:0 0 auto; display:flex; align-items:center; }
.k-logo img{ height:40px; width:auto; display:block; }

/* Menü: ortada, kalan alanı kaplar */
.k-ust-ic #header-menu{
  flex:1 1 auto;
  float:none !important;
  padding:0 !important; margin:0 !important;
  border:0 !important; box-shadow:none !important;
  background:transparent !important;
}
.k-ust-ic .header-menu-navigation{
  display:flex !important; align-items:center;
  float:none !important; margin:0 !important; padding:0 !important;
}
.k-ust-ic .header-menu-navigation > li{ float:none !important; }
.k-ust-ic .header-menu-navigation > li > a{
  padding:20px 14px !important;
  font-size:13.5px !important;
  white-space:nowrap;
}
.k-ust-ic .header-menu-navigation > li > a::after{ left:14px; right:14px; }

/* Sağ eylem bloğu */
.k-ust-sag{ flex:0 0 auto; display:flex; align-items:center; gap:8px; margin-left:auto; }

.k-dugme{
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 15px; border-radius:var(--k-kose-s);
  font-size:13px; font-weight:500; line-height:1;
  white-space:nowrap; text-decoration:none;
  border:1px solid transparent;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.k-dugme i{ font-size:13px; }
.k-dugme-sessiz{ color:var(--k-metin-2); }
.k-dugme-sessiz:hover{ color:var(--k-metin); background:var(--k-yuzey-2); }
.k-dugme-cerceve{ color:var(--k-metin); border-color:var(--k-cizgi-guclu); }
.k-dugme-cerceve:hover{ border-color:var(--k-altin); color:var(--k-altin); }
.k-dugme-dolu{
  background:var(--k-altin); border-color:var(--k-altin);
  color:#17130a; font-weight:600;
}
.k-dugme-dolu:hover{ filter:brightness(1.08); color:#17130a; }

/* Giriş yapmış kullanıcı */
.k-kullanici-bag{
  display:flex; align-items:center; gap:9px;
  padding:5px 12px 5px 5px; border-radius:999px;
  background:var(--k-yuzey-2); border:1px solid var(--k-cizgi);
  text-decoration:none; color:var(--k-metin); font-size:13px;
}
.k-kullanici-bag:hover{ border-color:var(--k-cizgi-guclu); color:var(--k-metin); }
.k-avatar{ width:28px; height:28px; border-radius:50%; object-fit:cover; display:block; }
.k-kullanici-ad{ max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Mobil menü düğmesi — üç çizgi */
.k-menu-ac{
  display:none;
  width:40px; height:40px; padding:0;
  background:transparent; border:1px solid var(--k-cizgi-guclu);
  border-radius:var(--k-kose-s); cursor:pointer;
  flex-direction:column; align-items:center; justify-content:center; gap:4px;
  margin-left:auto;
}
.k-menu-ac span{ display:block; width:16px; height:2px; background:var(--k-metin-2); border-radius:2px; }

/* ── Dar ekran ──────────────────────────────────────────────────────────── */
@media (max-width:1100px){
  .k-ust-ic .header-menu-navigation > li > a{ padding:20px 10px !important; font-size:13px !important; }
  .k-dugme-sessiz{ display:none; }   /* "Oyunu İndir" menüde zaten var */
}
@media (max-width:991px){
  .k-ust-ic{ flex-wrap:wrap; gap:12px; min-height:58px; }
  .k-menu-ac{ display:flex; }
  .k-logo img{ height:34px; }

  /* Menü açılınca satırın ALTINA tam genişlikte iner */
  .k-ust-ic #header-menu{
    /* 2026-08-05 — MOBIL MENUDE 7 OGENIN 3'U GORUNMUYORDU.
       `bootstrap-fixes.css` (ayni 991px medya sorgusu icinde)
       `#header-menu{position:absolute;left:0}` diyor ama TOP VERMIYOR.
       Mutlak konumlandirilmis oge FLEX OGESI OLMAZ, dolayisiyla asagidaki
       `flex/order` kurallari hic uygulanmiyor ve panel yukari dogru tasiyordu.
       Olculdu: Anasayfa top=-176, Araclar top=-119, Siralamalar top=-62
       (ekranin ustunde), gorunen 4/7. Sayfayi kaydirmak da ise yaramiyordu
       cunku mutlak oge akista degil.
       Cozum: akisa geri al — panel bar'in ALTINA tam genislikte iner. */
    position:static !important;
    left:auto !important; right:auto !important; top:auto !important;

    flex:1 1 100%; order:3;
    background:var(--k-yuzey) !important;
    border:1px solid var(--k-cizgi) !important;
    border-radius:var(--k-kose);
    margin:0 0 12px !important;

    /* Kisa ekranda (yatay telefon) menu ekrandan uzunsa KENDI ICINDE kaysin;
       `overflow:hidden` olsaydi alttaki ogeler yine erisilemez kalirdi. */
    max-height:calc(100vh - 76px);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .k-ust-ic .header-menu-navigation{ display:block !important; }
  .k-ust-ic .header-menu-navigation > li > a{
    padding:13px 16px !important;
    border-bottom:1px solid var(--k-cizgi);
  }
  .k-ust-ic .header-menu-navigation > li > a::after{ display:none; }
  .k-ust-sag{ order:2; margin-left:0; }
  /* Açılır alt menüler dar ekranda taşmasın */
  .k-ust-ic .dropdown-menu{ position:static !important; width:100% !important; box-shadow:none !important; }
}
@media (max-width:520px){
  .k-gizle-dar{ display:none; }
  .k-kullanici-ad{ max-width:82px; }
  .k-dugme{ padding:9px 12px; }
}


/* Şablon body'ye `padding-top:45px` koymuştu — artık var olmayan SABİT üst
   araç çubuğunun altında kalmasın diye. O şerit kaldırıldı; boşluk kalınca
   sayfanın tepesinde 45px'lik ölü bant oluşuyordu. */
body{ padding-top:0 !important; }

/* Menü öğelerinin arasındaki eski ALTIN dikey çizgiler (#D4AF37).
   `.header-menu-navigation > li{border:0}` bazı öğelere ulaşmıyordu;
   üst bar içindeki TÜM li'lerde yan çizgiler kapatılıyor. */
.k-ust li{ border-left:0 !important; border-right:0 !important; }


/* ============================================================================
   MENÜ İNCELTME + AÇILIR MENÜ BOŞLUK HATASI                      (2026-08-05)
   ============================================================================ */

/* ── 1. Menü ikonları kaldırıldı (istendi) ──────────────────────────────── */
/* Her öğenin yanındaki fa ikonu menüyü kalabalık gösteriyordu. Aşağı ok
   (.dropdown-icon) KALIYOR — o bir işlev göstergesi, süs değil. */
.k-ust .header-menu-icon{ display:none !important; }

/* ÖLÇÜLER SIKILDI: menü + sağdaki üç düğme tek satıra sığmıyordu,
   "Kayıt Ol" düğmesinin yarısı ekran dışında kalıyordu. Etiketler de
   kısaltıldı (bkz. header.php). */
.k-ust-ic .header-menu-navigation > li > a{
  gap:6px !important;
  padding:21px 11px !important;
  font-size:12.5px !important;
  font-weight:450 !important;
  color:var(--k-metin-2) !important;
}
.k-ust-ic{ gap:16px; }
.k-ust-ic .header-menu-navigation > li > a::after{ left:11px; right:11px; }
.k-ust-ic .header-menu-navigation > li > a:hover{ color:var(--k-metin) !important; }

/* ── 2. AÇILIR MENÜ KAYBOLMA HATASI ─────────────────────────────────────── */
/* SORUN: menüye `margin-top:4px` verilmişti. Fare tetikleyiciden aşağı
   inerken o 4px'lik BOŞLUKTAN geçiyor, bir an hiçbir öğenin üzerinde
   olmuyor ve menü kapanıyordu — tıklamaya fırsat kalmıyordu.

   ÇÖZÜM iki parçalı:
     a) Boşluk sıfırlandı.
     b) Tetikleyicinin altına GÖRÜNMEZ BİR KÖPRÜ (::before) kondu; fare
        menüye inerken hep bir öğenin üzerinde kalıyor.
   Ayrıca hover ile açılma CSS'e de yazıldı: Bootstrap'in tıklama tabanlı
   açılışı bozulmuyor, ama eklenti yüklenmese bile menü çalışıyor. */
.k-ust .dropdown-menu{
  margin-top:0 !important;
  top:100% !important;
}
.k-ust .dropdown > a{ position:relative; }
.k-ust .dropdown > a::before{
  content:""; position:absolute;
  left:0; right:0; top:100%; height:10px;   /* köprü */
}
.k-ust .dropdown:hover > .dropdown-menu,
.k-ust .dropdown.open > .dropdown-menu{ display:block !important; }

/* Menü açıkken tetikleyici de vurgulu kalsın */
.k-ust .dropdown:hover > a{ color:var(--k-metin) !important; }
.k-ust .dropdown:hover > a::after{ transform:scaleX(1); }

/* Açılır menü içeriği — daha derli toplu */
.k-ust .dropdown-menu{
  min-width:230px;
  padding:6px !important;
}
.k-ust .dropdown-menu .category-title{
  padding:7px 10px 5px !important;
  font-size:10.5px !important; letter-spacing:.9px;
}
.k-ust .dropdown-menu a{ padding:8px 10px !important; font-size:13px !important; }
.k-ust .dropdown-menu img{ width:14px; height:14px; object-fit:contain; margin-right:7px; opacity:.85; }
.k-ust .dropdown-menu i{ margin-right:7px; opacity:.6; font-size:11px; }
/* Şablonun çok sütunlu "team-wars" yerleşimi dar menüde bozuluyordu */
.k-ust .dropdown-menu .tw-1{ float:none !important; width:100% !important; }
.k-ust .dropdown-menu ul{ margin:0 !important; padding:0 !important; list-style:none; }


/* ── AÇILIR MENÜ GENİŞLİĞİ ──────────────────────────────────────────────── */
/* Şablonun "team-wars" mega-menü yerleşimi menüyü SAYFA GENİŞLİĞİNE
   yayıyordu (e-spor temasında turnuva ağacı gösteriyordu). Bizim menülerde
   6-7 kısa bağlantı var; tetikleyicinin altında dar bir kutu doğru olan.
   Ayrıca bölüm başlıkları sağa yaslıydı, sola alındı. */
.k-ust .dropdown-menu,
.k-ust .dropdown-menu.team-wars-menu{
  position:absolute !important;
  left:0 !important; right:auto !important;
  width:auto !important;
  min-width:210px !important;
  max-width:280px !important;
}
.k-ust .dropdown-menu .tw-1{
  float:none !important; width:100% !important;
  min-width:0 !important; padding:0 !important; margin:0 !important;
  border:0 !important; background:none !important;
}
.k-ust .dropdown-menu .tw-1 + .tw-1{
  margin-top:4px !important;
  padding-top:4px !important;
  border-top:1px solid var(--k-cizgi) !important;
}
.k-ust .dropdown-menu .category-title{
  display:block !important;
  text-align:left !important;
  background:none !important;
  border:0 !important;
  color:var(--k-metin-3) !important;
  text-transform:uppercase;
}
.k-ust .dropdown-menu li{ float:none !important; width:100% !important; display:block !important; }
.k-ust .dropdown-menu a{
  display:flex !important; align-items:center;
  white-space:nowrap;
  text-align:left !important;
}


/* Açılır menü tetikleyicisinin ALTINDA açılsın, sayfanın soluna yapışmasın.
   `.dropdown` position:static olduğu için `left:0` sayfa kapsayıcısına
   göre hesaplanıyordu; konumlandırma bağlamı öğenin kendisine veriliyor. */
.k-ust .header-menu-navigation > li.dropdown{ position:relative !important; }


/* ── AÇILIR MENÜ İNCELTME ───────────────────────────────────────────────── */
/* "Sıralamalar" menüsündeki simgeler oyunun ESKİ RÜTBE İKONLARI
   (dragon.gif, 1.png, 2.png, default_clan.png). 16px'e küçültülünce
   pikselli ve kaba duruyorlar; menüdeki tek görsel gürültü onlar.
   Silmiyoruz — ulus ayrımını (Karus/El Morad) gösteriyorlar; küçültüp
   soluklaştırıyoruz, üzerine gelince netleşiyorlar. */
.k-ust .dropdown-menu img{
  width:13px !important; height:13px !important;
  object-fit:contain;
  margin-right:9px !important;
  opacity:.55;
  transition:opacity .15s ease;
  image-rendering:auto;
}
.k-ust .dropdown-menu a:hover img{ opacity:.95; }

/* Satırlar sıkıştırıldı, punto düştü */
.k-ust .dropdown-menu{ padding:5px !important; min-width:200px !important; }
.k-ust .dropdown-menu a{
  padding:6px 9px !important;
  font-size:12.5px !important;
  color:var(--k-metin-2) !important;
  border-radius:6px !important;
}
.k-ust .dropdown-menu a:hover{
  background:rgba(255,255,255,.045) !important;
  color:var(--k-metin) !important;
}
.k-ust .dropdown-menu .category-title{
  padding:8px 9px 4px !important;
  font-size:9.5px !important; letter-spacing:1px;
  font-weight:600;
  color:#5f5f6b !important;
}
.k-ust .dropdown-menu .tw-1 + .tw-1{
  margin-top:3px !important; padding-top:3px !important;
  border-top:1px solid rgba(255,255,255,.05) !important;
}


/* ── ÇİFT BAŞLIK GİDERİLDİ ──────────────────────────────────────────────── */
/* Şablon her sayfada İKİ başlık basıyor:
      1) `.slider` bandındaki büyük sayfa adı  → "Genel Sıralama"
      2) içerik kartının başlığı               → "Genel Sıralama"
   Aynı metin arka arkaya iki kez görünüyordu. Kart başlığı zaten içeriğin
   üstünde ve bağlamı taşıyor; üstteki bant kaldırıldı. Böylece ekranın
   tepesindeki boş alan da gidiyor (defalarca "kaba" denen şey buydu).

   Bant SİLİNMEDİ, gizlendi: 20'den fazla sayfada aynı markup var, tek
   tek elden geçirmek yerine tek kural. Geri istenirse bu blok silinir. */
.slider{ display:none !important; }
.container.no-padding:empty{ display:none; }

/* ── İNDİRME "YAKINDA" BLOĞU ─────────────────────────────────────────────
   Downloads.php, _site_downloads boşken bunu basar. Gerçek APK/iOS
   satırları eklenince yerini tabloya bırakır. */
.indirme-yakinda,
.yakinda-pano{
  max-width:640px;
  margin:48px auto 64px;
  padding:48px 36px;
  text-align:center;
  background:var(--k-yuzey);
  border:1px solid var(--k-cizgi);
  border-radius:var(--k-kose-l);
  box-shadow:var(--k-golge-l);
}
.indirme-yakinda-ikon,
.yakinda-ikon{
  font-size:52px;
  line-height:1;
  color:var(--k-altin);
  display:block;
  margin:0 0 22px;
}
.indirme-yakinda h4,
.yakinda-pano h4{
  font-family:var(--k-baslik);
  font-size:26px;
  font-weight:600;
  color:var(--k-metin);
  margin:0 0 16px;
  letter-spacing:.3px;
}
.indirme-yakinda p,
.yakinda-pano p{
  font-family:var(--k-govde);
  font-size:15px;
  line-height:1.75;
  color:var(--k-metin-2);
  margin:0 auto;
  max-width:460px;
}
.indirme-yakinda .indirme-yakinda-alt,
.yakinda-pano .yakinda-alt{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--k-cizgi);
  font-size:14px;
  color:var(--k-metin-3);
}
.indirme-yakinda a,
.yakinda-pano a{
  color:var(--k-altin);
  text-decoration:none;
  border-bottom:1px solid var(--k-altin-sis);
}
.indirme-yakinda a:hover,
.yakinda-pano a:hover{ color:var(--k-altin-parlak); border-bottom-color:var(--k-altin); }

@media (max-width:600px){
  .indirme-yakinda,
  .yakinda-pano{ margin:28px 14px 40px; padding:34px 22px; }
  .indirme-yakinda h4,
.yakinda-pano h4{ font-size:21px; }
}
/* "Çok Yakında" rozeti — yakinda-pano'ya özel */
.yakinda-rozet{
  display:inline-block;
  margin:0 0 26px;
  padding:7px 16px;
  font-family:var(--k-govde);
  font-size:11px;
  font-weight:600;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--k-altin-parlak);
  background:var(--k-altin-sis);
  border:1px solid rgba(200,168,107,.32);
  border-radius:999px;
}
.yakinda-pano .yakinda-ikon{ margin-bottom:18px; }
/* ============================================================================
   MOBIL ACILIR MENU — KAYNAK SIRASI DUZELTMESI                  (2026-08-05)

   Yukarida (@media max-width:991px icinde) `.k-ust-ic .dropdown-menu` icin
   `position:static !important` yaziliyor. AMA dosyanin ILERISINDE, hicbir
   medya sorgusu icinde OLMAYAN `.k-ust .dropdown-menu{position:absolute
   !important}` kurali var. Ayni agirlikta iki !important carpisinca SONRA
   GELEN kazanir -> mobilde alt menu yine mutlak katman olarak aciliyordu.

   SONUC (olculdu): alt menu "Araclar" baglantisinin UZERINE biniyordu ve
   elementFromPoint alt menu baglantisi yerine A.dropdown-toggle donuyordu,
   yani dokunma alt menuye HIC ULASMIYORDU.

   Bu blok dosyanin EN SONUNDA duruyor; tasinirsa hata geri gelir.
   ============================================================================ */
@media (max-width:991px){
  .k-ust .dropdown-menu,
  .k-ust .dropdown-menu.team-wars-menu,
  .k-ust-ic .dropdown-menu{
    position:static !important;
    left:auto !important; right:auto !important; top:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    float:none !important;
    margin:0 !important;
    padding:0 0 6px 14px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  /* Ic ice girinti belli olsun, baslik/baglanti dokunma hedefi buyusun */
  .k-ust .dropdown-menu .category-title{ padding:10px 10px 4px !important; }
  .k-ust .dropdown-menu a{ padding:11px 10px !important; font-size:13.5px !important; }
  .k-ust .dropdown-menu .tw-1 + .tw-1{ margin-top:2px !important; padding-top:2px !important; }
}
/* ---- MOBIL: ACILIR MENUNUN ICINDEKI IC ICE LISTELER DE AKISA ALINIR ----
   Yukaridaki blok yalnizca `.dropdown-menu`yu static yapmisti; olculdu:
   ul'nin kendi yuksekligi 6px kaldi (sadece padding), 4 baglanti 203-335
   arasinda ul'nin DISINDA ciziliyordu. Yani ic katmanlar (`.tw-1`,
   `.matches-menu` gibi sablonun mega-menu yapilari) hala akis disindaydi
   ve alt menu kendisinden SONRAKI ogelerin uzerine biniyordu -> dokunma
   "Siralamalar" baglantisina gidiyordu. Ic katmanlar da akisa aliniyor. */
@media (max-width:991px){
  .k-ust .dropdown-menu ul,
  .k-ust .dropdown-menu li,
  .k-ust .dropdown-menu .tw-1,
  .k-ust .dropdown-menu .matches-menu,
  .k-ust .dropdown-menu .sub-menu,
  .k-ust .dropdown-menu .tw3-menu{
    position:static !important;
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    left:auto !important; right:auto !important; top:auto !important;
    margin:0 !important;
    display:block !important;
  }
  /* Baglantilar dokunma hedefi olarak yeterince buyuk olsun */
  .k-ust .dropdown-menu a{ display:block !important; }
}
/* ---- MOBIL: ACILIR MENUNUN YUKSEKLIK KILIDI ACILIR ----
   Olculdu: UL.dropdown-menu `height=6px` (yani icerik yuksekligi SIFIR) iken
   cocugu LI.tw-1 `h=207px`. Statik bir blok cocugundan kisa olamaz -> demek ki
   yukseklik ACIKCA sabitlenmis (CSS'te boyle bir kural YOK; sablonun betigi
   satir ici olarak veriyor) ve `overflow:hidden` ile de icerik kirpiliyordu.
   Bu yuzden alt menu "aciliyor" gorunuyor ama yer kaplamiyor, sonraki
   ogelerin uzerine biniyor ve dokunma onlara gidiyordu.
   Satir ici stili !important ile geciyoruz. */
@media (max-width:991px){
  .k-ust .dropdown-menu,
  .k-ust .dropdown-menu.team-wars-menu,
  .k-ust-ic .dropdown-menu{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }
}
/* ============================================================================
   KAYIT FORMU HATA KUTUSU + HESAP KARTI                          (2026-08-05)
   Kullanici geri bildirimi: hata verince ana sayfaya atiyordu, profildeki
   "Tanitim"/"Takimlar" bos e-spor artiklariydi, "Hakkinda" amatorce
   duruyordu ve KC yukleme noktasi bulunamiyordu.
   ============================================================================ */

/* -- Kayit formunda hata seridi -- */
.k-form-hata{
  display:flex; align-items:flex-start; gap:10px;
  margin:0 0 20px;
  padding:13px 15px;
  background:rgba(192,57,43,.10);
  border:1px solid rgba(192,57,43,.42);
  border-radius:var(--k-kose-s);
  font:400 13.5px/1.55 var(--k-govde);
  color:#f0b7b1;
}
.k-form-hata i{ color:var(--k-karus); font-size:15px; margin-top:2px; flex:0 0 auto; }

/* -- Hesap karti -- */
.k-hesap-kart{
  max-width:620px;
  margin:26px auto 44px;
  background:var(--k-yuzey);
  border:1px solid var(--k-cizgi);
  border-radius:var(--k-kose-l);
  box-shadow:var(--k-golge-l);
  overflow:hidden;
}
.k-hesap-bas{
  display:flex; align-items:center; gap:15px;
  padding:22px 26px;
  border-bottom:1px solid var(--k-cizgi);
  background:var(--k-yuzey-2);
}
.k-hesap-bas i{ font-size:38px; color:var(--k-altin); line-height:1; }
.k-hesap-bas h4{
  margin:0;
  font:600 19px/1.2 var(--k-baslik) !important;
  color:var(--k-metin) !important;
}
.k-hesap-bas span{ font:400 12.5px/1 var(--k-govde); color:var(--k-metin-3); }

.k-hesap-liste{ list-style:none; margin:0; padding:6px 0; }
.k-hesap-liste li{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 26px;
  border-bottom:1px solid var(--k-cizgi);
}
.k-hesap-liste li:last-child{ border-bottom:0; }
.k-etiket{
  font:400 12px/1 var(--k-govde);
  color:var(--k-metin-3);
  letter-spacing:.4px;
  text-transform:uppercase;
  flex:0 0 auto;
}
.k-deger{
  font:500 14.5px/1.4 var(--k-govde);
  color:var(--k-metin);
  text-align:right;
  word-break:break-word;
}
.k-hesap-cash .k-deger b{ color:var(--k-altin-parlak); font-size:17px; font-weight:700; }

/* KC yukleme dugmesi — profildeki asil eksik buydu */
.k-kc-yukle{
  display:inline-flex; align-items:center; gap:6px;
  margin-left:14px;
  padding:7px 13px;
  background:var(--k-altin) !important;
  color:#17130a !important;
  border-radius:var(--k-kose-s);
  font:600 12.5px/1 var(--k-govde);
  text-decoration:none;
  white-space:nowrap;
}
.k-kc-yukle:hover{ filter:brightness(1.09); color:#17130a !important; }
.k-kc-yukle i{ font-size:11px; }

/* Sekmelerde KC Yukle vurgulu dursun */
.k-kc-sekme > a{ color:var(--k-altin) !important; }

@media (max-width:600px){
  .k-hesap-kart{ margin:18px 12px 32px; }
  .k-hesap-bas{ padding:18px; }
  .k-hesap-liste li{
    flex-direction:column; align-items:flex-start; gap:6px; padding:13px 18px;
  }
  .k-deger{ text-align:left; }
  .k-kc-yukle{ margin-left:0; margin-top:8px; }
}
/* -- PROFIL BASLIGI + SEKME CUBUGU --------------------------------------
   UserCP.php icindeki satir ici mutlak konumlandirma kaldirildi (bkz. oradaki
   aciklama); sekmeler ekran disinda kaliyordu. Burada normal akista,
   ortalanmis yatay bir cubuk olarak yeniden kuruluyor. */
.main-slider,
.main-slider .slider{
  background:none !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
}
.team-a,
.team-b{
  float:none !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:26px 0 0 !important;
  text-align:center;
}
.team-img{
  float:none !important;
  display:inline-block;
  width:auto !important;
  height:auto !important;
  margin:0 auto !important;
  background:none !important;
  border:0 !important;
}
.team-img img{
  width:84px !important; height:84px !important;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--k-cizgi-guclu);
  background:var(--k-yuzey-2);
}
.team-img .player{
  margin:12px 0 0 !important;
  font:600 17px/1.2 var(--k-baslik);
  color:var(--k-metin) !important;
}

/* Sekme cubugu — mutlak degil, akista */
#item-nav{
  position:static !important;
  margin:22px auto 0 !important;
  padding:0 16px;
}
.item-list-tabs ul,
.nav-tabs.team-nav{
  position:static !important;
  left:auto !important; right:auto !important;
  top:auto !important; bottom:auto !important;
  width:100% !important;
  max-width:820px;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
  border:0 !important;
  background:none !important;
  list-style:none;
}
.nav-tabs.team-nav > li{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  border:0 !important;
  background:none !important;
}
.nav-tabs.team-nav > li > a{
  display:flex !important; align-items:center; gap:7px;
  margin:0 !important;
  padding:10px 16px !important;
  background:var(--k-yuzey-2) !important;
  border:1px solid var(--k-cizgi) !important;
  border-radius:999px !important;
  color:var(--k-metin-2) !important;
  font:500 13px/1 var(--k-govde) !important;
  text-transform:none !important;
  white-space:nowrap;
}
.nav-tabs.team-nav > li > a:hover{
  border-color:var(--k-cizgi-guclu) !important;
  color:var(--k-metin) !important;
  background:var(--k-yuzey-3) !important;
}
.nav-tabs.team-nav > li.active > a{
  background:var(--k-altin-sis) !important;
  border-color:rgba(200,168,107,.42) !important;
  color:var(--k-altin-parlak) !important;
}
.nav-tabs.team-nav > li.k-kc-sekme > a{
  color:var(--k-altin) !important;
  border-color:rgba(200,168,107,.35) !important;
}
.nav-tabs.team-nav i{ font-size:12px; opacity:.85; }

@media (max-width:600px){
  .nav-tabs.team-nav > li > a{ padding:9px 13px !important; font-size:12.5px !important; }
  .team-img img{ width:68px !important; height:68px !important; }
}
/* -- PROFIL BANDI GERI ACILIR ------------------------------------------
   Yukarida `.slider{display:none !important}` var (sablonun dev hero bandi
   20+ sayfada tek kuralla gizlendi). Ama profilin AVATARI ve SEKME CUBUGU
   da o bandin icinde; olculdu: `#item-nav` yuksekligi 0, ekranda hic yok,
   yani "Sifre Degistir / OTP / Item Kilidi / KC Yukle" sayfalarina
   profilden ulasilamiyordu. UserCP.php'ye `k-profil-ust` sinifi eklendi;
   YALNIZCA o band geri aciliyor, diger sayfalar etkilenmiyor. */
.slider.k-profil-ust{
  display:block !important;
  background:none !important;
  background-image:none !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
}
.slider.k-profil-ust .team-a,
.slider.k-profil-ust .team-b{
  position:static !important;
  float:none !important;
  width:auto !important; height:auto !important;
}
/* -- PROFIL BANDI: SON DUZENLEME ---------------------------------------
   Olculdu: bandin arka plani sablonun stok fotografiydi
   (`maxresdefault-1920x259.jpg`) ve `.team-img` mutlak konumluydu; avatar
   sol uste sikisip kullanici adi bandin disina tasiyordu.
   Once `.slider.k-profil-ust` ile denedim, daha OZGUL bir sablon kurali
   yendi — bu yuzden `.main-slider` on ekiyle ozgulluk artirildi. */
.main-slider .slider.k-profil-ust{
  background:var(--k-yuzey) !important;
  background-image:none !important;
  border-bottom:1px solid var(--k-cizgi) !important;
  padding:22px 0 18px !important;
}
.main-slider .slider.k-profil-ust .container{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  gap:14px;
}
/* Avatar + isim: mutlak konum kaldirildi, akista ortalanir */
.main-slider .slider.k-profil-ust .team-a,
.main-slider .slider.k-profil-ust .team-b,
.main-slider .slider.k-profil-ust .team-img{
  position:static !important;
  float:none !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  text-align:center;
}
.main-slider .slider.k-profil-ust .team-img img{
  width:76px !important; height:76px !important;
  border-radius:50% !important;
  object-fit:cover;
  border:2px solid var(--k-cizgi-guclu) !important;
  background:var(--k-yuzey-2) !important;
  display:block; margin:0 auto !important;
}
.main-slider .slider.k-profil-ust .player,
.main-slider .slider.k-profil-ust #playerName{
  display:block !important;
  position:static !important;
  width:auto !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  background:none !important;
  font:600 16px/1.2 var(--k-baslik) !important;
  color:var(--k-metin) !important;
  text-transform:none !important;
}
.main-slider .slider.k-profil-ust #item-nav{
  width:100% !important;
  margin:4px 0 0 !important;
}
/* -- SEKME SUSLERI TEMIZLENDI ------------------------------------------
   Kullanici: "butonlar oval ama arkalarinda dikdortgen kareler var,
   kirmizi bir cerceve cikiyor". Kaynak sablonun e-spor sekme stilleri
   (style.css):
     .team-nav li        -> box-shadow: inset 0 0 1px 1px #ae2007  (KIRMIZI CERCEVE)
     .team-nav li:before -> width/height:100%, border:1px solid #000,
                            position:absolute  (OVALIN ARKASINDAKI DIKDORTGEN)
     .team-nav li:hover  -> kirmizi parlama
   Bizim yuvarlak sekmelerimiz bunlarin UZERINE biniyordu. Hepsi bastiriliyor. */
.nav-tabs.team-nav > li,
.nav-tabs.team-nav > li:hover,
.nav-tabs.team-nav > li.active{
  box-shadow:none !important;
  border-radius:999px !important;
  background:none !important;
  overflow:visible !important;
}
.nav-tabs.team-nav > li:before,
.nav-tabs.team-nav > li:after,
.nav-tabs.team-nav > li.active:before,
.nav-tabs.team-nav > li:hover:before{
  content:none !important;
  display:none !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}
/* Sekme baglantisinin kendisi de sablonun kirmizi/koseli mirasini almasin */
.nav-tabs.team-nav > li > a,
.nav-tabs.team-nav > li > a:hover,
.nav-tabs.team-nav > li > a:focus,
.nav-tabs.team-nav > li.active > a{
  box-shadow:none !important;
  outline:none;
  text-shadow:none !important;
}
/* Klavyeyle gezerken odak HALKASI kalsin (erisilebilirlik) */
.nav-tabs.team-nav > li > a:focus-visible{
  outline:2px solid var(--k-altin) !important;
  outline-offset:2px;
}
/* Avatar kutusu: sablonun `.team-img` cercevesi/golgesi de temizleniyor —
   yuvarlak avatarin arkasinda ince bir dikdortgen birakiyordu. */
.main-slider .slider.k-profil-ust .team-img,
.main-slider .slider.k-profil-ust .team-img:before,
.main-slider .slider.k-profil-ust .team-img:after,
.main-slider .slider.k-profil-ust .team-a:before,
.main-slider .slider.k-profil-ust .team-a:after{
  border:0 !important;
  box-shadow:none !important;
  background:none !important;
  background-image:none !important;
  content:none !important;
}
.main-slider .slider.k-profil-ust .team-img:before,
.main-slider .slider.k-profil-ust .team-img:after{ display:none !important; }
/* -- FORM GONDER DUGMELERI: TURUNCU KALINTI TEMIZLENDI -----------------
   `style.css` sunu diyor:
     .entry-content .button-small,.entry-content input[type=submit]{
        background-color:#f80 !important;
        box-shadow: inset 0 0 1px 1px #f80;
        background-image: radial-gradient(... #ffc400 ... #ff8800 ...);
     }
   Bizim `input[type="submit"]` kuralimiz (0,1,1) ozgullukte; sablonunki
   `.entry-content` on ekiyle (0,2,1) — SONRA yuklenmemize ragmen o kazaniyordu.
   Olculdu: KC "Aktif Et" dugmesinin backgroundColor'i rgb(255,136,0) idi,
   kenarligi ve yazi rengi bizden geliyordu -> alacali bir gorunum.
   Ayni ozgullukle karsilik veriliyor. */
.entry-content .button-small,
.entry-content input[type="submit"],
.entry-content .btn_red,
.entry-content button[type="submit"]{
  background:var(--k-altin) !important;
  background-color:var(--k-altin) !important;
  background-image:none !important;
  border:1px solid var(--k-altin) !important;
  border-radius:var(--k-kose) !important;
  color:#17130a !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
.entry-content .button-small:hover,
.entry-content input[type="submit"]:hover,
.entry-content .btn_red:hover,
.entry-content button[type="submit"]:hover{
  background:var(--k-altin) !important;
  background-color:var(--k-altin) !important;
  filter:brightness(1.08);
  color:#17130a !important;
}