/* ════════════════════════════════════════════════════════════════════ MatchChase — MOBILE TEAM (takım sayfası) ════════════════════════════════════════════════════════════════════ SCOPE: Takım sayfası mobil kuralları — 6 tab grid, Kadro 2-sayfa carousel, Kadro Performans 3-sayfa carousel, Transferler tablosu, Tahmin ve Sonuçlar 3-motor carousel. İLGİLİ VIEW DOSYALARI: - mc_team_players.js (mc-squad-mobile-table + mc-perf-table) - mc_team_transfers.js (mc-team-transfers-table) - mc_predictions.js + mc_team_predictions.js (pv-mobile-carousel) - mc_team_pitch — Sahada Göster (statik HTML, dokunulmuyor) Önceki konumu: css/style.css @media (max-width: 900px) bloğu Pattern memory: - project_oturum_2026_05_11_takim_sayfasi_mobil - project_oturum_2026_05_10_tahmin_sonuclar_mobil ════════════════════════════════════════════════════════════════════ */ @media (max-width: 900px) { /* ════════════════════════════════════════════════════════════════ Takım sayfası tab bar — 8 tab TEK SATIR yatay kaydırma (2026-06-02) Kullanıcı kararı: 6'lı grid 2 satıra taşıyor + "Tahmin ve Sonuçlar"/ "İstatistik Matrisi" 63px'e sığmayıp kesik (ellipsis "...") oluyordu. Çözüm: maç sayfası nav diliyle (FotMob/Sofascore) tek satır + parmakla yatay kaydırma. Etiketler TAM yazılır (kesik yok), aktif sekme snap ile görünür. flex + overflow-x:auto + scrollbar gizli. ════════════════════════════════════════════════════════════════ */ /* APPLE-STYLE (2026-06-06): dikey slate ayraç KALDIRILDI → şeffaf + aktif alt yeşil çizgi (lig sayfasıyla birebir, kullanıcı "her yeri etkilesin"). Padding 12px standart. Renk/border-bottom style.css .tab-btn'den miras (tek merkez). */ .mc-team-stats-tabs { display: flex !important; flex-wrap: nowrap !important; grid-template-columns: none !important; gap: 0 !important; width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x proximity !important; scrollbar-width: none !important; border-bottom: 1px solid #e2e8f0 !important; /* container alt ayraç */ } .mc-team-stats-tabs::-webkit-scrollbar { display: none !important; } .mc-team-stats-tabs .tab-btn { width: auto !important; min-width: max-content !important; flex: 0 0 auto !important; padding: 12px 12px !important; /* STANDART 12px her yön */ white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; scroll-snap-align: start !important; grid-column: auto !important; grid-row: auto !important; justify-self: auto !important; margin: 0 !important; /* dikey ayraç YOK — sadece aktif alt yeşil çizgi (style.css .tab-btn'den) */ border-top: none !important; border-left: none !important; border-right: none !important; /* MENÜ TİPOGRAFİ STANDARDI (mobil 13px, pasif medium soluk gri) */ font-size: 13px !important; font-weight: 500 !important; color: #64748b !important; } .mc-team-stats-tabs .tab-btn.active { border-right: none !important; margin-bottom: -1px !important; /* yeşil çizgi container gri çizgisiyle çakışsın */ font-weight: 700 !important; color: #0f172a !important; } /* ════════════════════════════════════════════════════════════════ Takım Transferler — Mobil font/padding standardı Diğer mobile tablolarla aynı oran: thead 0.62rem, tbody 0.7rem; padding 4px 4px. Inline padding/font değerleri !important ile ezilir. ════════════════════════════════════════════════════════════════ */ .mc-team-transfers-table { table-layout: fixed !important; } .mc-team-transfers-table thead th { font-size: 0.62rem !important; padding: 4px 4px !important; letter-spacing: -0.01em !important; } .mc-team-transfers-table tbody td { font-size: 0.7rem !important; padding: 4px 4px !important; line-height: 1.25 !important; font-variant-numeric: tabular-nums; /* rakamlar eşit genişlik — tarihler hizalı */ } /* P. Değer sütunu — kullanıcı kararı 44 px sabit (içerik "65.0 M €" 34 px → 10 px tampon) */ .mc-team-transfers-table th.mc-tt-col-mv, .mc-team-transfers-table tbody tr td:nth-child(6) { width: 44px !important; } /* Kırmızı ok ikonu — tıklama alanı pseudo-element ile her yöne 8-10 px genişletildi */ .mc-team-transfers-table .mc-tt-outgoing-ico::after { content: ''; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; } /* Bonservis sub-row (Kiralama bedeli, Kiralıktan döndü 29 Oca 2026 vb.) — ana satırdan küçük. */ .mc-team-transfers-table .mc-tt-fee-sub { font-size: 0.55rem !important; } .mc-team-transfers-table .mc-tt-fee-main { font-size: 0.7rem !important; } /* Kadro Performans tabı — "Tümünü Aç / Tümünü Kapat" badge görünümü (mobile). Mevcut HTML çıplak link; mobile'da kompakt rozet (aktif yeşil zemin, pasif gri). */ #perf-expand-all, #perf-collapse-all { display: inline-flex !important; align-items: center; padding: 4px 10px !important; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15); border-radius: 4px; font-size: 0.7rem !important; color: var(--text-secondary) !important; text-decoration: none !important; transition: all 0.2s; font-weight: 600; } #perf-expand-all.active, #perf-collapse-all.active { background: var(--accent-color); border-color: var(--accent-color); color: #fff !important; } /* ════════════════════════════════════════════════════════════════ Tahmin ve Sonuçlar — Mobile Motor Carousel (mobile only) 3 ayrı motor tablosu (SS1/DC/Int) yan yana scroll-snap ile dizili. Her tablo: Hft+Tarih (alt alta) + Maç (altın badge dahil) + 5 motor sütun. Parmakla kaydırma → diğer motor sayfası snap. ════════════════════════════════════════════════════════════════ */ /* Container overflow-x:hidden default rule yenmek için */ .data-table-container:has(.pv-mobile-carousel) { overflow-x: visible !important; padding: 0 !important; } .pv-mobile-carousel { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 0; scrollbar-width: none; /* Firefox — df456c81 kardeş carousel'lere eklenmişti, pv atlanmıştı (2026-06-02) */ -ms-overflow-style: none; /* eski Edge */ } .pv-mobile-carousel::-webkit-scrollbar { display: none; width: 0; height: 0; } /* Carousel swipe göstergesi — 3 motor dots (kullanıcı 2026-06-02: tahmin tab diğer carousel'lerle aynı dile getirildi; df456c81 dots rollout'undan atlanmıştı). Aktif sayfa yeşil kapsül, pasif gri nokta. mc_match_form.js .mc-fa-dot deseniyle aynı. */ .pv-motor-dots { display: flex; justify-content: center; gap: 8px; padding: 12px 0 4px; } .pv-motor-dot { width: 8px; height: 8px; border-radius: 4px; background: #6b7280; transition: width 0.2s, background 0.2s; } .pv-motor-dot.active { width: 22px; background: #22c55e; } .pv-motor-page { flex: 0 0 100%; min-width: 100%; scroll-snap-align: start; scroll-snap-stop: always; } .pv-motor-table { width: 100% !important; table-layout: fixed !important; } /* 1: Hft+Tarih birleşik sütun — kompakt */ .pv-motor-table th:nth-child(1), .pv-motor-table td.pv-hft-date { width: 32px !important; min-width: 32px !important; max-width: 32px !important; text-align: center !important; padding: 2px 1px !important; } /* 2: Maç hücresi (kalan alanın çoğunluğu) — ev + skor + dep + altın badge */ .pv-motor-table th:nth-child(2), .pv-motor-table td.pv-match-cell { padding: 2px 4px !important; } .pv-motor-table .pv-match-wrap { grid-template-columns: 1fr 36px 1fr 24px !important; gap: 3px !important; font-size: 0.72rem !important; } /* Header "Maç" yazısı skor pozisyonuyla aynı hizada (grid 2. sütun) */ .pv-motor-table .pv-th-match-cell { padding: 2px 4px !important; } .pv-motor-table .pv-match-header-wrap { display: grid; grid-template-columns: 1fr 36px 1fr 24px; gap: 3px; align-items: center; } .pv-motor-table .pv-match-header-wrap > span:nth-child(2) { text-align: center; } .pv-motor-table .pv-match-home, .pv-motor-table .pv-match-away { font-size: 0.72rem !important; } .pv-motor-table .pv-match-score { font-size: 0.75rem !important; padding: 1px 4px !important; } .pv-motor-table .pv-match-badge { min-width: 24px !important; font-size: 0.6rem !important; } /* Hafta + Mod kontrol bar — TEK SATIR yan yana blok + sol-sağ 12px nefes (mobile only) 2026-06-02: kullanıcı "bunlar bloklu, tek satırda olması iyi olmaz mı, düzgün paddingle". Eski hali flex-wrap:wrap idi → week(180)+mode(190)+gap 1px taşıyor, alt alta düşüyordu (48px). nowrap + space-between + 12px kenar nefes → iki grup tek satırda dengeli dağılır. */ .pv-controls-bar { gap: 6px !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: center !important; padding: 0 12px !important; margin-bottom: 8px !important; } .pv-controls-bar .pv-week-label { display: none !important; } .pv-controls-bar .pv-mode-group { margin-left: 0 !important; padding-left: 0 !important; gap: 2px !important; flex-shrink: 0 !important; } .pv-controls-bar .pv-mode-btn { padding: 4px 7px !important; font-size: 0.68rem !important; white-space: nowrap !important; } .pv-controls-bar .pv-week-group { gap: 4px !important; flex-shrink: 0 !important; } .pv-controls-bar .pv-side-btn { padding: 4px 7px !important; font-size: 0.68rem !important; white-space: nowrap !important; } .pv-controls-bar .pv-week-nav-btn { padding: 3px 6px !important; font-size: 0.7rem !important; } .pv-controls-bar #pv-week-custom .mc-summary { font-size: 0.75rem !important; padding: 3px 6px !important; } /* Özet — tek kart + 3 motor satırı (mobile only) */ .pv-summary-mobile { background: var(--bg-panel, #fff); border: 1px solid var(--border-color); padding: 8px 10px; } .pv-summary-mobile-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 4px; border-bottom: 2px solid var(--accent-color); margin-bottom: 6px; } .pv-summary-mobile-title { font-weight: 700; font-size: var(--mc-fs-xl); color: var(--accent-color); } .pv-summary-mobile-week { font-size: var(--mc-fs-sm); color: var(--text-secondary); margin-bottom: 6px; } .pv-summary-mobile-rows { display: flex; flex-direction: column; gap: 2px; } .pv-summary-mobile-row { display: grid; grid-template-columns: 1fr auto auto; gap: 8px; align-items: center; padding: 3px 2px; font-size: var(--mc-fs-md-plus); } .pv-summary-mobile-row .pv-mm-label { color: var(--text-secondary); } .pv-summary-mobile-row .pv-mm-val { font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; min-width: 48px; text-align: right; } .pv-summary-mobile-row .pv-mm-pct { font-weight: 700; color: var(--accent-color); font-variant-numeric: tabular-nums; min-width: 36px; text-align: right; } /* Altın bölge rozeti içi — mobile-only kompakt: padding ve min-width azalt */ .pv-motor-table .pv-match-badge .mc-gz-corner { padding: 1px 3px !important; min-width: 18px !important; font-size: 0.55rem !important; border-radius: 2px !important; } /* Motor sub-sütunları — colgroup ile motor toplam alanı 130 px sabit; N sub-sütun bunu eşit böler: 5→26 / 4→32 / 3→43. Tüm marketlerde sol blok aynı. */ .pv-motor-table thead tr:nth-child(2) th, .pv-motor-table tbody td.pv-val, .pv-motor-table tbody td.pv-empty { padding: 2px 1px !important; text-align: center !important; } .pv-motor-table thead tr:nth-child(2) th { font-size: 0.7rem !important; } .pv-motor-table tbody td.pv-val { font-size: 0.78rem !important; } /* ════════════════════════════════════════════════════════════════ Takım Kadrosu — Mobile Carousel (mobile only) 2 ayrı sayfa (Kimlik / Fizik+Sözleşme) yan yana scroll-snap. Sabit blok: Forma No (30px) + Adı (120px) = 150px her sayfada aynı. Sayfa 1: + POZ + YAŞ + DEĞER (3 grup, eşit dağılım) Sayfa 2: + BOY + AYAK + SÖZ BŞL + SÖZ BTŞ + DEĞER (5 grup) ════════════════════════════════════════════════════════════════ */ /* Takım Kadrosu kartı — B2 mimari (2026-06-02): kart YAN padding 0 → tablo kenara TAM yaslı. Siyah "Takım Kadrosu" başlık bandı kendi inline padding'ini (8px 12px, mc_team_players.js:473) taşıdığı için yazı 12px nefesli kalır. Kullanıcı kuralı: "siyah bant/beyaz zemin içindeki YAZI 12px nefes, tablo TAM yaslı". SADELEŞTİRİLDİ: eski 100vw + margin-left:50% + translateX(-50%) hilesi kaldırıldı (.main-content artık 0 olduğu için gereksizdi — kök kapandı). Dekorasyon korundu. */ /* Takım FİKSTÜR kartı (mc-team-fixture-card) — kadro dili birebir (2026-06-02). Fikstür mc-card/mc-panel-header ortak bileşenini kullanır; bu bileşen 6 sayfada paylaşılıyor (lig fikstür/hakem/takım/tahmin/puan durumu) → MERKEZİ değil. Bu yüzden SADECE bu sayfaya scope'lu .mc-team-fixture-card sınıfıyla müdahale (mc_team_fixtures.js). Kullanıcı 2026-06-02: "merkezi modülerlik yok, sadece ilgili sayfa; birkaç ay sonra bütünlük kurarım". Diğer mc-card kullanan sayfalar ETKİLENMEZ. Başlık yazısı (.mc-panel-header-title) kendi padding'iyle 12px nefesli kalır. */ .mc-team-fixture-card { border-radius: 0 !important; border-left: none !important; border-right: none !important; padding-left: 0 !important; padding-right: 0 !important; } .mc-team-fixture-card .mc-panel-header { border-radius: 0 !important; border-left: none !important; border-right: none !important; } .mc-team-fixture-card .fixtures-table { width: 100% !important; } /* İç nefes (kullanıcı 2026-06-02: "soldan sağdan 12px"): ilk sütun (TARİH) soldan 12px; font 0.68rem + nowrap (aksi halde '09/05/2'→'6' kırılıyordu). */ .mc-team-fixture-card table tr > *:first-child { padding-left: 12px !important; } .mc-team-fixture-card table tbody tr > td:first-child { font-size: 0.68rem !important; white-space: nowrap !important; line-height: 1.25 !important; } /* İŞ-2B (2026-06-12): translateX(-8px) buton kuralı SİLİNDİ — mobil ikon [8,16] anomalisinin köküydü (2 buton kayıyor, ampul kaymıyordu); İŞ-2 sıfırlama kuralı (mobile-mainpage td:last-child > * transform:none) zaten eziyordu. Aralık tek kaynak: ikon hücresi gap:5px. */ /* Başlık ↔ veri hizası (kullanıcı 2026-06-02: "ev sahibini sağa, deplasmanı sola yaslayalım takım isimleriyle hizalı olmaları için"). Veri zaten ev=right/dep=left yaslıydı ama başlıklar center'dı → başlık+isim hizasızdı. Başlıkları veriye hizala: EV SAHİBİ (2. sütun) sağa, DEPLASMAN (5. sütun) sola → skora bakan simetrik düzen. */ .mc-team-fixture-card thead th:nth-child(2) { text-align: right !important; } .mc-team-fixture-card thead th:nth-child(5) { text-align: left !important; } /* Takım TAHMIN VE SONUÇLAR kartı (mc-team-pred-card) — kadro dili birebir (2026-06-02). Fikstür gibi mc-card/mc-panel-header paylaşımlı bileşeni kullanır → SADECE bu sayfaya scope'lu .mc-team-pred-card sınıfı (mc_predictions.js:372). Kart+bant kenara yaslı + düz köşe. İçeride 3 motor carousel'i (pv-mobile-carousel) zaten full-bleed; üstüne pagination dots eklendi (yukarıda .pv-motor-dots). Diğer mc-card sayfaları ETKİLENMEZ. Kullanıcı: bu sayfa eskiden titiz yapılmıştı, dots rollout'undan atlanmıştı; izole fix. */ .mc-team-pred-card { border-radius: 0 !important; border-left: none !important; border-right: none !important; padding-left: 0 !important; padding-right: 0 !important; } .mc-team-pred-card .mc-panel-header { border-radius: 0 !important; border-left: none !important; border-right: none !important; } /* Değer sütunlarını minimize → her piksel MAÇ'a (kullanıcı 2026-06-02: "gösterilen değerlere göre sağdaki kutuları kırılma olmadan minimize et + kısaltılmış market başlıkları da bela"). Sütun başlığı (.pv-th-sub "0.5Ü"/"2X") sütun genişliğini değer kadar (44px) zorluyordu → font 0.62rem + letter-spacing -0.3px ile başlık 30px'e sığar, kesilmez. colgroup MAÇ 162→210px, değer 30px (mc_predictions.js). Sonuç: "Gaziantep" kesik→tam. */ .mc-team-pred-card .pv-th-sub { font-size: 0.62rem !important; letter-spacing: -0.3px !important; padding: 1px 0 !important; } .mc-team-pred-card td.pv-val, .mc-team-pred-card td.pv-empty { font-size: 0.66rem !important; padding: 2px 0 !important; } /* TRANSFERLER tablosu (kullanıcı 2026-06-02): 7 sütun 375px'e sıkışıp 'P.Değer' kırılıyordu. Çözüm (kullanıcı kararı): "Eski Kulüp"→"Kulüp" başlık + içerikte SADECE LOGO (kulüp adı gizli, hover'da title ile görünür) → en geniş içerik sütunu logoya düşer, değer sütunlarına yer açılır. + bant düz köşe (kadro dili). NOT: bu dosyanın TAMAMI zaten @media(max-width:900px) içinde (satır 20) → buradaki kurallar SADECE mobilde geçerli. Masaüstü gizleme inline yapıldı (mc_team_transfers.js: .mc-tt-club-th-short style="display:none"). */ .mc-tt-club-name { display: none !important; } /* mobil: kulüp adı gizli, logo kalır */ .mc-tt-club-th-full { display: none !important; } /* mobil: "Eski Kulüp" gizli */ .mc-tt-club-th-short { display: inline !important; } /* mobil: "Kulüp" görünür */ /* GELENLER/GİDENLER/KİRADAN bantları + sarıcı panel düz köşe (kullanıcı 2026-06-02) */ .mc-tt-section-head, .transfer-panel, .transfer-panel > div { border-radius: 0 !important; } /* table-layout:fixed + sabit sütun genişlikleri (kullanıcı 2026-06-02: "kulüp dar bırak, bonservise çok veriyorsun"). Kulüp sadece logo (24px), Bonservis etiketleri JS'te
ile bölündüğü (mc_team_transfers.js wrapLabel) için dar (86px) → P.Değer 60px'e çıkar, '70.0 M €' tek satır kırılmaz. Toplam 7 sütun 375px'e dengeli sığar. */ .mc-team-transfers-table { table-layout: fixed !important; width: 100% !important; } /* TEK FONT 10px MOBİLDE — hücre + HER iç eleman (a/span/div), istisnasız (kullanıcı 2026-06-02: "10 yap fontu her yerde, biri büyük biri küçük olmasın"). JS'te veri td'leri inline font-size:12px/13px taşıyor (MASAÜSTÜ için, DOKUNULMADI). Bu @media(≤900px) bloğu o inline'ı SADECE mobilde !important ile ezer → masaüstü inline 12px kalır, mobil 10px. tbody td[style] spesifikliği inline'ı yenecek kadar yüksek. Rozet hariç (9px). */ .mc-team-transfers-table tbody td, .mc-team-transfers-table tbody td[style], .mc-team-transfers-table tbody td * { font-size: 10px !important; } /* SÜTUN DÜZENİ — YÜZDE (kullanıcı 2026-06-02: "sabit px işlere girmiyor, her telefonda aynı açılsın"). px yerine % → her ekran boyutunda (360/375/390/414) AYNI oran korunur (test edildi: 360'ta da 414'te de Oyuncu %24, P.Değer %16...). Sabit px her telefonda farklı oturuyordu (360'ta Oyuncu 98px, 375'te 88px). Düzen: Oyuncu+Geliş geniş, Mevki+Kulüp dar, P.Değer+Bonservis orta. Toplam %100 (24+3+11+8+17+16+21). */ .mc-team-transfers-table .mc-tt-col-name { width: 24% !important; padding: 6px 4px !important; line-height: 1.25 !important; } .mc-team-transfers-table .mc-tt-col-gone { width: 3% !important; padding: 0 !important; } .mc-team-transfers-table .mc-tt-col-pos { width: 11% !important; text-align: center !important; padding: 6px 1px !important; } /* Rozeti İÇERİĞE oturt — global .player-position geniş width taşıyor, şişkindi (kullanıcı: "mevki kutularında eşşek kadar padding"). width:auto + 9px. */ .mc-team-transfers-table td.mc-tt-col-pos .player-position { min-width: 0 !important; width: auto !important; max-width: none !important; font-size: 9px !important; padding: 1px 4px !important; display: inline-block !important; box-sizing: border-box !important; } .mc-team-transfers-table .mc-tt-col-club { width: 8% !important; text-align: center !important; padding: 6px 1px !important; } .mc-team-transfers-table th.mc-tt-col-club { padding-right: 5px !important; } .mc-team-transfers-table td.mc-tt-col-club img { margin-right: 0 !important; } .mc-team-transfers-table .mc-tt-col-date { width: 17% !important; white-space: nowrap !important; padding: 6px 3px !important; text-align: left !important; } .mc-team-transfers-table .mc-tt-col-mv { width: 16% !important; white-space: nowrap !important; padding: 6px 3px !important; text-align: right !important; } .mc-team-transfers-table .mc-tt-col-fee { width: 21% !important; padding: 6px 3px !important; text-align: right !important; line-height: 1.2 !important; } .mc-team-transfers-table .mc-tt-fee-main { white-space: normal !important; } /* STANDART: beyaz/siyah zemin içeriği soldan-sağdan 12px nefes (kullanıcı standart kuralı, 2026-06-02). İlk sütun (Oyuncu) sol 12, son sütun (Bonservis) sağ 12 → tablo kenara yaslı ama içerik kenara değmez. Bantlar (mc-tt-section-head) zaten 14px taşıyor. */ .mc-team-transfers-table .mc-tt-col-name { padding-left: 12px !important; } .mc-team-transfers-table .mc-tt-col-fee { padding-right: 12px !important; } /* Başlık dikey hiza eşitle (kullanıcı 2026-06-02: "BONSERVİS aşağıda diğerlerinden"): .mc-tt-col-fee line-height:1.2 th'yi de etkileyip Bonservis başlığını 1px kaydırıyordu. thead th line-height sabit → tüm başlık metinleri aynı baseline. */ .mc-team-transfers-table thead th { line-height: 1.3 !important; vertical-align: middle !important; } .mc-squad-card-fb { width: 100% !important; box-sizing: border-box !important; border-left: none !important; border-right: none !important; border-radius: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* NOT: "Takım Kadrosu" siyah başlık bandının köşe düzleştirmesi mobile-shared.css'teki GENEL siyah bant kuralına taşındı ([style*="background:#383838"] → radius 0). Kullanıcı 2026-06-02: "siyah bantta genel" — her #383838 bant tek kuralla düzleşir. */ .data-table-container:has(.mc-squad-carousel) { overflow-x: visible !important; padding: 0 !important; } .mc-squad-carousel { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 0; scrollbar-width: none; -ms-overflow-style: none; } .mc-squad-carousel::-webkit-scrollbar { display: none; width: 0; height: 0; } .mc-squad-page { flex: 0 0 100%; min-width: 100%; scroll-snap-align: start; scroll-snap-stop: always; } .mc-squad-mobile-table { width: 100% !important; table-layout: fixed !important; } .mc-squad-mobile-table thead th { font-size: 0.65rem !important; padding: 4px 2px !important; text-align: center !important; white-space: nowrap; } .mc-squad-mobile-table thead th.mc-squad-th-name { text-align: left !important; padding-left: 6px !important; } .mc-squad-mobile-table tbody td { padding: 4px 2px !important; font-size: 0.75rem !important; text-align: center; vertical-align: middle; } /* Forma no sütunu — avatar (yuvarlak) soldan 7px nefes (kullanıcı 2026-06-02: kenara çok yakındı, biraz uzaklaşsın; 12px isme sokuyordu, 7px yeterli). Sola yaslı + avatar margin 0. colgroup NO %8 + OYUNCU %32 → avatar isme girmiyor (simülasyon: çakışma yok). */ .mc-squad-mobile-table td.mc-squad-num { padding: 4px 0 4px 7px !important; text-align: left !important; } .mc-squad-mobile-table td.mc-squad-num .player-avatar { margin: 0 !important; } /* Son sütun (DEĞER) sağ 12px nefes — text-align:right şart (yoksa ortalı metni padding itmez, kullanıcı 2026-06-02: "oyuncu isim sütunundan al uyruk kritik" → sağa yaslama yetti) */ .mc-squad-mobile-table td.mc-squad-value, .mc-squad-mobile-table thead th:last-child { padding-right: 12px !important; text-align: right !important; } .mc-squad-mobile-table td.mc-squad-num .player-avatar { width: 22px; height: 22px; min-width: 22px; font-size: var(--mc-fs-2xs); margin: 0 auto; } /* Oyuncu adı — ellipsis */ .mc-squad-mobile-table td.mc-squad-name { text-align: left !important; padding-left: 6px !important; overflow: hidden; } .mc-squad-mobile-table td.mc-squad-name .player-name { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--mc-fs-sm-plus); font-weight: 500; color: var(--text-primary); } /* POZ pill kompakt — sol/sağ padding minimum */ .mc-squad-mobile-table td.mc-squad-pos { padding: 4px 0 !important; } .mc-squad-mobile-table td.mc-squad-pos .player-position { font-size: var(--mc-fs-2xs); padding: 1px 3px !important; width: auto !important; min-width: 0 !important; letter-spacing: -0.02em; } /* UYRUK — bayrak ortalı + çift bayrak YAN YANA (kullanıcı 2026-06-02: çift uyruklu oyuncularda bayraklar üst üste biniyordu — table-layout:fixed dar sütunda white-space sardırıyordu). nowrap + .fi font 0.85rem → 2 bayrak (17px×2+2) dar sütuna yan yana sığar. */ .mc-squad-mobile-table td.mc-squad-nat { padding: 4px 0 !important; font-size: 1rem; line-height: 1; white-space: nowrap !important; overflow: visible !important; } .mc-squad-mobile-table td.mc-squad-nat .fi { font-size: 0.85rem !important; margin-right: 2px !important; line-height: 1 !important; } /* Değer hücresi vurgu */ .mc-squad-mobile-table td.mc-squad-value { color: var(--success); font-weight: 500; font-size: 0.72rem !important; white-space: nowrap; } /* Boy / Ayak / Yaş — kompakt */ .mc-squad-mobile-table td.mc-squad-height, .mc-squad-mobile-table td.mc-squad-foot, .mc-squad-mobile-table td.mc-squad-age { color: var(--text-secondary); font-size: 0.72rem !important; } /* Sözleşme tarihleri */ .mc-squad-mobile-table td.mc-squad-joined, .mc-squad-mobile-table td.mc-squad-contract { color: var(--text-secondary); font-size: 0.68rem !important; white-space: nowrap; } /* ════════════════════════════════════════════════════════════════ Kadro Performans — Mobile 3-Page Carousel (mobile only) Sabit blok: # | Oyuncu | POZ | DEĞ | Kulüp (5 sütun her sayfada) Sayfa 1 (Sahada): KDR | MAÇ | MBO | SÜRE Sayfa 2 (Üretim): GOL | ASİST(Y.GOL) | GİR | ÇIK Sayfa 3 (Kart): K.KAL | SARI | S.KIR | KIR (kaleci: + G.YEM) Her pozisyon grubu kendi carousel'inde; başlık + chevron toggle açar/kapar. ════════════════════════════════════════════════════════════════ */ .data-table-container.mc-perf-group-wrap { overflow-x: visible !important; padding: 0 !important; } .mc-perf-carousel { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 0; border-bottom: 1px solid rgba(255,255,255,0.08); scrollbar-width: none; -ms-overflow-style: none; } .mc-perf-carousel::-webkit-scrollbar { display: none; width: 0; height: 0; } .mc-perf-page { flex: 0 0 100%; min-width: 100%; scroll-snap-align: start; scroll-snap-stop: always; } .mc-perf-table { width: 100% !important; table-layout: fixed !important; border-collapse: collapse; } /* SÜTUN GENİŞLİKLERİ artık JS colgroup'ta % (mc_team_players.js fixedColTpl + metricColsTpl) — sabit px'ten %'ye çevrildi (kullanıcı 2026-06-02: her telefon/grupta farklı oturuyordu). Burada SADECE hizalama + padding: SÜRE (son sütun) sağa yaslı + sağ 12px, # sol 12px, DEĞER nowrap (120/200 M € kırılmasın). Width VERME — colgroup'u ezmesin. */ .mc-perf-table tbody td:last-child, .mc-perf-table thead th:last-child { text-align: right !important; padding-right: 12px !important; } /* # sola yaslı + 12px (kullanıcı 2026-06-02: sol nefes sağ ile simetrik olsun → # soldan 12px, SÜRE sağdan 12px eşit; ortalı # kenardan 21px görünüyordu, sola yaslayınca 14px=SÜRE ile eşit) */ .mc-perf-table td.mc-perf-num, .mc-perf-table thead th:first-child { text-align: left !important; padding-left: 12px !important; } .mc-perf-table td.mc-perf-value { white-space: nowrap !important; } .mc-perf-table thead th { font-size: 0.62rem !important; padding: 4px 1px !important; text-align: center !important; color: #ffffff; background: #2a2a2a; white-space: nowrap; letter-spacing: -0.02em; } .mc-perf-table tbody td { padding: 4px 1px !important; font-size: 0.7rem !important; text-align: center; vertical-align: middle; white-space: nowrap; } /* Forma no — STANDART: ilk sütun sol 12px nefes (denetim 2026-06-02, atlanmış bulundu) */ .mc-perf-table td.mc-perf-num, .mc-perf-table thead th:first-child { font-weight: 600; color: var(--text-secondary); font-size: 0.65rem !important; padding-left: 12px !important; } /* Son sütun (SÜRE) sağ 12px nefes — text-align:right (ortalı metni padding itmez) */ .mc-perf-table tbody td:last-child, .mc-perf-table thead th:last-child { padding-right: 12px !important; text-align: right !important; } /* Oyuncu adı sol blok — group title burada */ .mc-perf-table th.mc-perf-th-group, .mc-perf-table td.mc-perf-name-cell { text-align: left !important; padding-left: 6px !important; overflow: hidden; } .mc-perf-table .mc-perf-group-title-wrap { display: flex; justify-content: space-between; align-items: center; cursor: pointer; user-select: none; gap: 6px; } .mc-perf-table .mc-perf-group-title-wrap span { color: #ffffff; font-weight: 700; font-size: var(--mc-fs-xs); text-transform: uppercase; } .mc-perf-table .mc-perf-toggle-icon { transition: transform 0.25s; color: var(--accent-color); font-size: var(--mc-fs-2xs); } .mc-perf-table .mc-perf-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--mc-fs-xs-plus); color: var(--text-primary); font-weight: 500; } .mc-perf-table .mc-perf-subrow-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.62rem; color: var(--text-secondary); padding-left: 6px; } /* POZ pill */ .mc-perf-table td.mc-perf-pos { padding: 4px 0 !important; } .mc-perf-table td.mc-perf-pos .player-position { font-size: 0.6rem; padding: 1px 3px !important; width: auto !important; min-width: 0 !important; } /* Değer */ .mc-perf-table td.mc-perf-value { color: var(--success); font-weight: 500; font-size: 0.65rem !important; } /* Kulüp logo */ .mc-perf-table td.mc-perf-club { padding: 2px 0 !important; } .mc-perf-table td.mc-perf-club img { width: 20px; height: 20px; margin: 0 auto; display: block; } }