/* =====================================================================
   BBL — FORMA-1 (2026-10-12)
   1) ELİT / STND kartların arkasındaki altın / mavi parlama kaldırıldı.
      Yerine şirket logosunun halkası: ELİT altın, STND gümüş, hafif parıltı (aşağıda 7).
   2) Kaptan / yardımcı kaptan bandı artık formanın üstüne çizilen kol bandı (bbl-jersey.js).
      Eski HTML rozet görünmez yapılır ama bandın üstünde kalan dokunma/ipucu alanı olarak durur
      ("👑 Kaptan" / "⭐ Yrd. Kaptan" ipucu kaybolmasın).
   Bu dosya yerel stil dosyalarının sonunda yüklenir.
   ===================================================================== */

/* 1 — parlama yok (saha) */
.slot-container .player-card.ct-elit,
.slot-container .player-card.ct-std{filter:none !important;}
/* 1 — yedek kulübesi: eski hafif karartma kalır, renkli hale kalkar */
html:not(.mobile-device) .bench-seat .player-card.ct-elit,
html:not(.mobile-device) .bench-seat .player-card.ct-std{filter:brightness(0.88) !important;}
html.mobile-device .bench-seat .player-card.ct-elit,
html.mobile-device .bench-seat .player-card.ct-std{filter:none !important;}
html:not(.mobile-device) .bench-seat:hover .player-card.ct-elit,
html:not(.mobile-device) .bench-seat:hover .player-card.ct-std{filter:brightness(1.05) drop-shadow(0 8px 20px rgba(0,0,0,0.6)) !important;}

/* 2 — kol bandı formaya çizildi: eski rozet = sol omuzdaki bandın üstünde görünmez ipucu alanı */
.player-card .armband{
  top:52px !important;left:2px !important;right:auto !important;
  width:24px !important;height:24px !important;padding:0 !important;
  transform:none !important;background:transparent !important;border:0 !important;box-shadow:none !important;
  color:transparent !important;font-size:0 !important;
}

/* 3 — Takım Merkezi önizlemesi: oyundaki çizimle aynı tuval (119+12 × 159); eskiden 110×165'e
      sıkıştırılıp yatayda basık görünüyordu → oran korunarak büyütüldü */
#jersey-preview-container{width:136px !important;height:auto !important;}
#jersey-preview-container canvas.jersey-canvas{width:136px !important;height:165px !important;display:block;}

/* 4 — Sahaya boyanmış takım arması (bbl-squad.js renderCourtLogo). Pota altındaki boyalı alanda,
      oyuncu kartlarının altında; zemin dokusu içinden görünsün diye "screen" + düşük opaklık. */
#court-drop-zone .court-team-logo{
  position:absolute;left:50%;top:26%;width:min(19%,150px);aspect-ratio:1;transform:translate(-50%,-50%);
  z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.42;
}
#court-drop-zone .court-team-logo.on-dark{opacity:.2;}
#court-drop-zone .court-team-logo svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
#court-drop-zone .court-team-logo .ctl-r1{fill:none;stroke:#fff;stroke-width:2.2;}
#court-drop-zone .court-team-logo .ctl-r2{fill:none;stroke:#fff;stroke-width:.9;}
#court-drop-zone .court-team-logo .ctl-name{fill:#fff;font-family:'Yearbook Solid','DM Sans',sans-serif;font-size:8.5px;letter-spacing:1.5px;}
#court-drop-zone .court-team-logo .ctl-icon{position:absolute;left:24%;top:30%;width:52%;height:52%;background:#fff;
  -webkit-mask:var(--ctl-icon) center/contain no-repeat;mask:var(--ctl-icon) center/contain no-repeat;}
html.mobile-device #pg-court-host .court-team-logo{width:min(17%,82px);top:21%;}
/* sokak modu kendi sahasını çizer: arma BBL sahasına ait */
html.street-mode #court-drop-zone .court-team-logo{display:none;}

/* 5 — Takım Merkezi: forma renkleri tek satır (7 ana / 6 ikinci renk). PC'de 7. renk alt satıra düşüyordu. */
#jersey-primary-selector{grid-template-columns:repeat(7,minmax(0,1fr)) !important;gap:5px !important;}
#jersey-secondary-selector{grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:5px !important;}
#jersey-primary-selector .jersey-color-swatch,
#jersey-secondary-selector .jersey-color-swatch{width:100% !important;height:auto !important;aspect-ratio:1;max-width:34px;box-sizing:border-box;}
/* telefonda iki palet yan yana çok küçülür → alt alta, her biri tam genişlik */
@media (max-width:520px){
  #settings-modal .sm-section > div:has(> #jersey-secondary-section){grid-template-columns:1fr !important;gap:10px !important;}
}
/* Takım Merkezi: üç ayar kutucuğu */
#sm-toggles{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
#sm-toggles .sm-row-label{line-height:1.25;}
@media (max-width:520px){ #sm-toggles{grid-template-columns:1fr 1fr !important;} #sm-toggles > :last-child{grid-column:1 / -1;} }

/* 6 — Telefonda başlık tek satır: bildirim durumu yalnız simge (çerçeve rengi durumu gösterir), KAYDET yazısı kalır */
@media (max-width:420px){
  #settings-modal .tm-title{white-space:nowrap !important;line-height:1 !important;font-size:14px !important;}
  #settings-modal .tm-title-2{display:inline !important;}
  #tm-notif-chip .tm-chip-tx{display:none;}
  #tm-notif-chip{padding:0 9px !important;}
  #settings-modal .tm-save-ic{display:none;}
}

/* 7 — ELİT / STND: şirket logosunun halkası (parıltı ::before'da; ::after logonun cam parlaması, dokunulmaz). ELİT altın, STANDART gümüş; dışında yavaş, hafif bir parıltı.
      Takım Merkezi "ELİT / STANDART HALKASI" kapalıysa <html class="bbl-no-tier"> → eski sade halka. */
html:not(.bbl-no-tier) .player-card.ct-elit .logo-container{
  border:3px solid #f5c542 !important;
  box-shadow:0 0 0 1px rgba(110,72,0,.8),0 2px 4px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.35),inset 0 -3px 6px rgba(0,0,0,.25),inset 0 2px 4px rgba(255,255,255,.35) !important;
}
html:not(.bbl-no-tier) .player-card.ct-std .logo-container{
  border:3px solid #eef2f7 !important;
  box-shadow:0 0 0 1px rgba(60,70,88,.85),0 2px 4px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.35),inset 0 -3px 6px rgba(0,0,0,.25),inset 0 2px 4px rgba(255,255,255,.35) !important;
}
html:not(.bbl-no-tier) .player-card.ct-elit .logo-container,
html:not(.bbl-no-tier) .player-card.ct-std .logo-container{position:relative;}
html:not(.bbl-no-tier) .player-card.ct-elit .logo-container::before,
html:not(.bbl-no-tier) .player-card.ct-std .logo-container::before{
  content:"";position:absolute;inset:-3px;border-radius:50%;pointer-events:none;z-index:-1;
  animation:bblTierGlow 3.2s ease-in-out infinite;
}
html:not(.bbl-no-tier) .player-card.ct-elit .logo-container::before{box-shadow:0 0 12px 3px rgba(245,193,66,.85);}
html:not(.bbl-no-tier) .player-card.ct-std .logo-container::before{box-shadow:0 0 11px 3px rgba(226,236,250,.75);}
@keyframes bblTierGlow{0%,100%{opacity:.45;}50%{opacity:1;}}
@media (prefers-reduced-motion:reduce){
  html:not(.bbl-no-tier) .player-card .logo-container::before{animation:none;opacity:.6;}
}

/* 8 — FORMA GEOMETRİSİ · TEK KAYNAK (2026-10-20)
   Forma tuvali (bbl-jersey.js, 131 birim) formayı %0–90,8'e, KONDİSYON BARINI sağdaki ~%9'a çizer. Kart kutusu
   tuvalle aynı genişlikte olduğu için kartın ortası (%50) formanın ortası DEĞİLDİR (forma ortası %45,4).
   KURAL: karta/yuvaya göre konumlanan her çerçeve ve ortalanan her etiket bu değişkenleri kullanır:
     --j-right : formanın sağında kalan pay (barın alanı)  → çerçeve:  right: calc(var(--j-right) - Npx)
     --j-cx    : formanın yatay ortası                     → etiket:   left: var(--j-cx); transform: translateX(-50%)
   Bar olmayan forma (resim modu / boş yuva) için değişkenler 0 / %50'ye döner. Yeni bir rozet, etiket ya da
   çerçeve eklerken left:50% ya da inset:-Npx YAZMA — bu değişkenleri kullan. (Sinerji okları: bbl-squad.js 59,5/131) */
.player-card, .slot-container, .bench-seat, [id^="court-slot-"] { --j-right: 0%; --j-cx: 50%; }
.player-card:has(.jersey-canvas-mode),
:is(.slot-container, .bench-seat, [id^="court-slot-"]):has(.jersey-canvas-mode) { --j-right: 9.16%; --j-cx: 45.42%; }

/* sinerji çerçevesi ve halesi */
.slot-container.mtm-glow .player-card::before{right:calc(var(--j-right) - 6px) !important;}
.slot-container.zone-halo .player-card::after{right:calc(var(--j-right) - 10px) !important;}
/* sürüklerken dolu yuva çerçevesi ve "Değiştir" etiketi (bbl-dragfx.js) */
body.bdx-on :is([id^="court-slot-"], .bench-seat):has(.jersey-canvas-mode)::before{right:calc(var(--j-right) - 4px) !important;}
body.bdx-on .bdx-hot:has(.jersey-canvas-mode)::after{left:var(--j-cx) !important;}
/* sürüklenen kart: kartın tamamını saran kesik çizgi bar yüzünden kayık duruyordu → kaldırıldı (yuva çerçevesi zaten var) */
.player-card.bdx-src{outline:none !important;}
/* forma altına ortalanan etiketler: scout "YENİ", "6. ADAM" */
.player-card .vw-new{left:var(--j-cx) !important;}
#bench-container .player-card.dd-sixth::after{left:var(--j-cx) !important;}
/* ═══ [2026-10-27] %10 büyütme GERİ ALINDI (saha 1,452→1,32 · kulübe 1,276→1,16) — İsmail: monitörde büyük. Kulübede oturma düzeni kaldı.
   [2026-10-23] PC: oyuncular %10 büyük + yedekler kulübede OTURUR (telefondaki düzenin aynısı, mobile.css) ═══
   Saha 1,32→1,45 · kulübe 1,16→1,28 (üzerine gelince +0,08 / +0,10). Boşluk ölçüldü: 1366'da yan yana 78 px, sıralar arası 74 px.
   Tahta formaların ÖNÜNDE ve alt ~%17'sini örter (yukarı kayma 1,75vh: kulübe ekran boyuyla ölçeklenir); 6. Adam tahtanın önünde (tam forma).
   Katmanlar: .bench-container-outer z11 (sahanın üstü) içinde yedek kartı z10 · tahta z20 · 6. Adam ve üzerine gelinen kart z30. */
html:not(.mobile-device) .slot-container .player-card{transform:scale(1.32);transform-origin:center bottom;}
html:not(.mobile-device) .slot-container .player-card:hover{transform:scale(1.40);z-index:1000;}
html:not(.mobile-device) .bench-seat .player-card{transform:translateY(42px) scale(1.16);}
html:not(.mobile-device) .bench-seat:hover .player-card{transform:translateY(42px) scale(1.26);}
html:not(.mobile-device) .bench-container-outer{position:relative;z-index:11;}
html:not(.mobile-device) #bench-container{z-index:auto !important;}
html:not(.mobile-device) .bench-container-outer .bench-wood{position:relative;z-index:20 !important;pointer-events:none;height:33px !important;margin-top:calc(var(--bw-up, 15px) * -1) !important;   /* [2026-10-27] vh yerine tuval pikseli (880 × %1,2 / %1,75) */
  box-shadow:0 -4px 10px rgba(0,0,0,.5),inset 0 2px 0 rgba(255,255,255,.18),inset 0 -3px 0 rgba(0,0,0,.25);}
html:not(.mobile-device) .bench-container-outer .bench-legs{position:relative;z-index:20;pointer-events:none;}
html:not(.mobile-device) .bench-container-outer .bench-seat .player-card{z-index:10 !important;}
html:not(.mobile-device) .bench-container-outer .bench-seat .player-card.dd-sixth,html:not(.mobile-device) .bench-container-outer .bench-seat:hover .player-card{z-index:30 !important;}
html:not(.mobile-device) .bench-seat .player-card.dd-sixth .jersey{filter:drop-shadow(0 0 8px rgba(250,204,21,.55));}
