/* TurnuvaGo v6.16.0 - ortak marka ve uygulama kabuğu */
/* v6.15.0 - optimize marka kilidi ve kompakt mobil sol menu */
.tg-brand-lockup{display:inline-flex!important;align-items:center!important;gap:10px;min-width:0;text-decoration:none}.tg-brand-mark{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center}.tg-brand-mark picture{display:block;width:100%;height:100%}.tg-brand-mark img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}.tg-brand-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;line-height:1}.tg-brand-copy strong{display:block;color:#0a315b;font-size:23px;font-weight:950;letter-spacing:-.7px;white-space:nowrap}.tg-brand-copy small{display:block;margin-top:4px;color:#718096;font-size:10px;font-weight:850;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}
.v4-global-logo{width:auto!important;color:#0a315b}.v4-global-logo .tg-brand-mark{width:52px;height:52px;flex-basis:52px}.v4-global-logo .tg-brand-mark img{filter:drop-shadow(0 2px 3px rgba(9,45,82,.12))}
.v3-sidebar .turnuvago-brand{display:flex!important;width:100%!important;height:76px!important;min-height:76px!important;max-height:76px!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;padding:7px 10px!important;overflow:hidden!important}.v3-sidebar .turnuvago-brand .tg-brand-mark{width:52px;height:52px;flex-basis:52px}.v3-sidebar .turnuvago-brand .tg-brand-copy strong{font-size:20px}.v3-sidebar .turnuvago-brand .tg-brand-copy small{font-size:10px;letter-spacing:.45px}

@media(max-width:760px){
  .v4-global-logo.tg-brand-lockup{gap:6px}.v4-global-logo .tg-brand-mark{width:40px;height:40px;flex-basis:40px}.v4-global-logo .tg-brand-copy strong{font-size:18px;letter-spacing:-.5px}.v4-global-logo .tg-brand-copy small{display:none}
  .v3-sidebar .turnuvago-brand{height:61px!important;min-height:61px!important;max-height:61px!important;gap:7px!important;padding:5px 8px!important}.v3-sidebar .turnuvago-brand .tg-brand-mark{width:43px;height:43px;flex-basis:43px}.v3-sidebar .turnuvago-brand .tg-brand-copy strong{font-size:17px}.v3-sidebar .turnuvago-brand .tg-brand-copy small{font-size:10px;letter-spacing:.35px}
}

@media(max-width:390px){
  .v4-global-logo .tg-brand-mark{width:37px;height:37px;flex-basis:37px}.v4-global-logo .tg-brand-copy strong{font-size:16px}
}

/* 2026-10-19 — Çekmece (Hesabım / public / turnuva) yerleşik TGO işareti — YATAY YERLEŞİM:
   solda şeffaf TGO, sağında iki satır "TurnuvaGo" / "Turnuva Yönetim Sistemi" (aynı gün
   önceki "ad gizli, slogan logonun altında, büyük işaret" düzeni SUPERSEDED). Beyaz logo
   kartı YALNIZ varsayılan TGO'da kalkar; işaret ve metin doğrudan menünün tema zemininde
   (`--tg-nav-bg`), plaka yok. Metin renkleri menü / tema token'larından (`--tg-nav-text`);
   "Go" temadan bağımsız marka turuncusu — tek kural foundation.css'te (`--tg-brand-tgo-accent`,
   önceki "Go tema vurgusunu izler" SUPERSEDED); slogan normal harf, küçük ve sakin.
   2026-10-19 — ORANTILI KÜÇÜLTME (kullanıcı kararı): logo, ad ve slogan BİRLİKTE ×0,85
   (masaüstü 19 / 11,5 / 3 → 16,15 / 9,775 / 2,55 px; mobil 16 / 10,5 / 2 → 13,6 / 8,925 / 1,7 px;
   aralık 6 → 5 / 8 → 7 px). Logo genişliği aynı formülden geldiği için logo = metin bloğu
   dengesi korunur; transform ile ölçekleme YOK. Marka bağlantısı en az 44 px yüksek kalır
   (`--tg-touch-min`; mobilde içerik 26,7 px + 8 px dolgu bunun altına düşerdi).
   v6.394.121 — LOGO = METİN BLOĞU YÜKSEKLİĞİ (kullanıcı kararı; önceki sabit 64 / 48 px
   genişlik SUPERSEDED): yazı boyutu / satır aralığı aşağıdaki üç değişkende tutulur; logo
   genişliği bu metin bloğunun yüksekliği × 480/179 (türevin oranı) olarak hesaplanır,
   yükseklik oranla gelir. Yer yetmezse (dar menü, daha geniş sistem fontu) ÖNCE logo
   oranını koruyarak küçülür; metin daralmaz, kırpılmaz. Çekmecede X olmadığı için yan
   güvenli alan yok; yatay iç boşluk 0 — işaret, alttaki bağlam kartı / menü kolonuyla aynı
   kenardan başlar. Özel logo kartı (sınıfsız img) değişmez. */
.v3-sidebar .turnuvago-brand:has(> .tg-brand-mark--tgo){--tg-tgo-name-size:16.15px;--tg-tgo-slogan-size:9.775px;--tg-tgo-line-gap:2.55px;
  height:auto!important;min-height:var(--tg-touch-min)!important;max-height:none!important;
  flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;
  padding:10px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.v3-sidebar .turnuvago-brand .tg-brand-mark.tg-brand-mark--tgo{flex:0 1 auto!important;min-width:0!important;padding:0;border-radius:0;background:none}
.v3-sidebar .turnuvago-brand .tg-brand-mark.tg-brand-mark--tgo img{
  width:calc((var(--tg-tgo-name-size) * 1.05 + var(--tg-tgo-line-gap) + var(--tg-tgo-slogan-size) * 1.2) * 480 / 179)!important;
  max-width:100%!important;height:auto!important}
.v3-sidebar .turnuvago-brand .tg-brand-copy.tg-brand-copy--tgo{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;justify-content:center!important;line-height:1.1!important}
.v3-sidebar .turnuvago-brand .tg-brand-copy.tg-brand-copy--tgo strong{color:var(--tg-nav-text)!important;font-size:var(--tg-tgo-name-size)!important;line-height:1.05!important;
  letter-spacing:-.4px!important;white-space:nowrap!important}
.v3-sidebar .turnuvago-brand .tg-brand-copy.tg-brand-copy--tgo small{margin:var(--tg-tgo-line-gap) 0 0!important;color:color-mix(in srgb,var(--tg-nav-text) 78%,transparent)!important;
  font-size:var(--tg-tgo-slogan-size)!important;font-weight:600!important;letter-spacing:0!important;line-height:1.2!important;text-transform:none!important;white-space:nowrap!important}
@media(max-width:760px){
  .v3-sidebar .turnuvago-brand:has(> .tg-brand-mark--tgo){--tg-tgo-name-size:13.6px;--tg-tgo-slogan-size:8.925px;--tg-tgo-line-gap:1.7px;gap:7px!important;padding:8px 0!important}
}

/* 2026-11-01 — MASAUSTU-GENISLIK-KABUK (UX_ARCHITECTURE §15.62 md. 8 / md. 11 · DESIGN_SYSTEM DS-154; kullanıcı kararı):
   turnuva yönetimi ve Hesabım kabuğunda yan menü + ana içerik TEK BÜTÜN olarak ortalanır. Sınır menü + içerik +
   iç dolgular DAHİL toplam kabuğa uygulanır (`--tg-shell-max` = public ana içerik kabı 1100 px; md. 11 kullanıcı
   düzeltmesi, önceki 1500 px SUPERSEDED); içerik ayrıca ortalanmaz, menüden uzaklaşmaz. Menü–içerik aralığı
   `.v3-page` sol dolgusudur (20px, küçük ve sabit); üst çubuk `.v3-main` içinde olduğu için kabukla kendiliğinden
   hizalanır; kenar çubuğu sticky davranışını korur. Kural kalıcı yan menü aralığındadır (≥ 761 px; çekmece ≤ 760 —
   mevcut eşik): sınır yalnız görünüm 1100 px'ten genişken etkilidir, altında kabuk zaten tam genişliktir (tablet
   248 px menü ve kırılımlar aynen). Yalnız sınır (`max-width`) — sabit genişlik / min-width yok. Public kabuk
   (`.public-site-shell`, kalıcı menüsüz) bilinçli olarak dışarıda. Bu kural app.css'teki
   `.v3-app{width:100%;max-width:none;margin:0}` kuralından SONRA yüklenmelidir (özgüllük de yüksek). */
@media (min-width:761px){
  .v3-app.v3-app--tournament,.v3-app.account-app:not(.public-site-shell){max-width:var(--tg-shell-max);margin-inline:auto;padding-right:clamp(0px,calc(var(--tg-space-5) - (100% - var(--tg-shell-max)) / 2),var(--tg-space-5))}
  .v3-app.v3-app--tournament .v3-page,.v3-app.account-app:not(.public-site-shell) .v3-page{padding-right:0}
  .v3-app.v3-app--tournament .v3-topbar,.v3-app.account-app:not(.public-site-shell) .v3-topbar{margin-right:0}
}
/* 2026-11-01 — Onaylanan hizalama (UX_ARCHITECTURE §15.62 md. 12): GÖRÜNÜR SAĞ KENAR = PUBLIC İÇERİK KENARI.
   Toplam 1100 px kabuk ekranın içine daralmış yerleştiğinde içerik kartları ve üst çubuk kabuğun sağ kenarına kadar
   uzanır (public kartları gibi); ekranı dolduran küçük genişliklerde 20 px dış boşluk korunur. Sağ boşluk içerik kabından
   (`.v3-page` sağ dolgu, `.v3-topbar` sağ margin) kabuğa taşınır: `max(0, 20px − dış boşluk)`. Dış boşluk = (kabuğun
   kapsayıcı genişliği − 1100) / 2; `%` gövde genişliğidir — dikey kaydırma çubuğu ve ayrılmış oluk HARİÇ gerçek yerleşim
   alanı. Nominal görünüm genişliği (`vw`, medya eşiği) kullanılmaz: kaydırma çubuğu 1101–1140 px görünümde kabuğu ekran
   kenarına yaklaştırdığında dolgu kendiliğinden geri gelir. Menü–içerik aralığı (`.v3-page` sol dolgu 20 px) değişmez;
   sabit genişlik / min-width yok; çekmece ≤ 760 px kuralları ayrıdır. */
/* Ortalanmış kabuk, dikey kaydırma çubuğu olan ve olmayan sayfalar arasında (klasik kaydırma çubuğunda) yarım
   çubuk genişliği kadar sağa–sola kayardı (ölçüldü: 1920 px'te x 210 ↔ 203). Kabuğun görünümden dar olduğu ilk
   genişlikten (token + 1 = 1101 px) itibaren kaydırma çubuğu yeri sabit ayrılır; bindirmeli (overlay) kaydırma
   çubuğunda etkisi yoktur. Yalnız bu iki kabuk (public hariç). Medya sorgusu `var()` alamaz: token değişirse bu
   eşik de aynı kapsamda güncellenir (sözleşme testi eşiği token'dan hesaplar). */
@media (min-width:1101px){
  html:has(> body > .v3-app.v3-app--tournament),html:has(> body > .v3-app.account-app:not(.public-site-shell)){scrollbar-gutter:stable}
  html:has(> body > .v3-app.public-site-shell){scrollbar-gutter:stable}
}
/* 2026-11-01 — Onaylanan hizalama (UX_ARCHITECTURE §15.62 md. 12): public sayfada da kaydırma çubuğu yeri sabit ayrılır
   (yönetimle aynı eşik): kısa (çubuksuz) ve uzun sayfa arasında public ana içerik kabı (`.container` 1100 px, genişliği
   değişmez) yatay kaymaz ve yönetim kabuğuyla aynı kenarlarda durur (ölçüm 2026-11-01: çubuksuz 218 ↔ çubuklu 210,4).
   Bindirmeli kaydırma çubuğunda etkisizdir. Public üst çubuk tasarımı değişmedi. */
/* 2026-11-01 — MASAUSTU-GENISLIK-KABUK ek kararı (UX_ARCHITECTURE §15.62 md. 10 · DESIGN_SYSTEM DS-155): yan menü
   kalıcı göründüğünde hamburger gizlenir; menü çekmece olduğunda kalır. Eşik yeni değildir: çekmece ≤ 760 px
   (mobile-core.css `.v3-sidebar` fixed + v3_shell_drawer_script `innerWidth > 760` kapanışı), kalıcı menü ≥ 761 px.
   `display:none` → boş alan bırakmaz, klavye odağı almaz; başlık üst çubuğun sol dolgusundan başlar. Public kabukta
   kalıcı menü yoktur, çekmece her genişlikte çalışır — orada düğme KALIR (`:not(.public-site-shell)`). */
@media (min-width:761px){
  .v3-app.v3-app--tournament .v3-menu-button,.v3-app.account-app:not(.public-site-shell) .v3-menu-button{display:none}
}
