/* ════════════════════════════════════════════════════════════════════
   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 — 6 tab tek satır eşit grid
       Tahmin ve Sonuçlar uzun, font kompakt + ellipsis ile sığar.
       ════════════════════════════════════════════════════════════════ */
    .mc-team-stats-tabs {
        display: grid !important;
        grid-template-columns: repeat(6, 1fr) !important;
        gap: 0 !important;
        width: 100% !important;
    }
    .mc-team-stats-tabs .tab-btn {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0.75rem 0.1rem !important;
        font-size: 0.65rem !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /* Lig sayfası tab-btn[data-target=fixtures/predictions/managers/referees] grid-column kurallarını ez */
        grid-column: auto !important;
        grid-row: auto !important;
        justify-self: stretch !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 <a> 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;
    }
    .pv-mobile-carousel::-webkit-scrollbar { display: none; }
    .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 — kompakt + Hafta label gizli (mobile only) */
    .pv-controls-bar {
        gap: 6px !important;
        flex-wrap: wrap !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: 8px !important;
        gap: 2px !important;
    }
    .pv-controls-bar .pv-mode-btn {
        padding: 4px 8px !important;
        font-size: 0.7rem !important;
    }
    .pv-controls-bar .pv-week-group { gap: 4px !important; }
    .pv-controls-bar .pv-week-nav-btn { padding: 3px 7px !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: 0.9rem; color: var(--accent-color);
    }
    .pv-summary-mobile-week {
        font-size: 0.75rem; 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: 0.82rem;
    }
    .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)
       ════════════════════════════════════════════════════════════════ */
    .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 */
    .mc-squad-mobile-table td.mc-squad-num {
        padding: 4px 0 !important;
    }
    .mc-squad-mobile-table td.mc-squad-num .player-avatar {
        width: 22px;
        height: 22px;
        min-width: 22px;
        font-size: 0.65rem;
        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: 0.78rem;
        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: 0.65rem;
        padding: 1px 3px !important;
        width: auto !important;
        min-width: 0 !important;
        letter-spacing: -0.02em;
    }
    /* UYRUK — bayrak ortalı */
    .mc-squad-mobile-table td.mc-squad-nat {
        padding: 4px 0 !important;
        font-size: 1rem;
        line-height: 1;
    }
    /* 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;
    }
    .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 */
    .mc-perf-table td.mc-perf-num {
        font-weight: 600;
        color: var(--text-secondary);
        font-size: 0.65rem !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: 0.7rem;
        text-transform: uppercase;
    }
    .mc-perf-table .mc-perf-toggle-icon {
        transition: transform 0.25s;
        color: var(--accent-color);
        font-size: 0.65rem;
    }
    .mc-perf-table .mc-perf-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 0.72rem;
        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;
    }
}