/* Datei: css/mobile-frontend.css */

@media (max-width: 768px) {
    /* Hauptüberschrift verkleinern */
    .liga-header-card h1 {
        font-size: 1.3rem !important;
    }

    /* Sektions-Überschriften anpassen */
    .section-title {
        font-size: 1.2rem !important;
        margin-bottom: 15px !important;
    }

    /* Schriftgröße und Abstände in der Spielplan-Tabelle verkleinern */
    .stats-table th, 
    .stats-table td {
        font-size: 0.75rem !important; 
        padding: 8px 4px !important;   
    }

    .stats-table td div {
        font-size: 0.75rem !important;
    }

    /* Badge "vom X. ST" bei verlegten Spielen */
    .badge-orig-matchday {
        font-size: 0.6rem !important;
        padding: 2px 4px !important;
        margin-top: 3px !important;
    }

    /* Spielstands-Badge */
    .score-badge {
        font-size: 0.9rem !important; 
        padding: 2px 4px !important;
    }

    /* Schriftgröße in der "Aktuellen Tabelle" verkleinern */
    .tabelle-container table th,
    .tabelle-container table td {
        font-size: 0.75rem !important; 
        padding: 6px 4px !important;
    }

    /* Auswahllisten kompakter machen */
    .select-modern {
        font-size: 0.85rem !important;
        padding: 8px 10px !important;
    }
}

/* --- MOBILE OPTIMIERUNG FÜR EINZEL-RANGLISTE (NUR HOCHFORMAT) --- */
@media (max-width: 768px) and (orientation: portrait) {
    
    /* 1. Tabelle zwingen, in den Bildschirm zu passen (Scrollen verhindern) */
    .stats-table {
        min-width: 100% !important; /* Überschreibt die 700px aus dem Hauptskript */
        width: 100% !important;
    }

    /* 2. Innenabstände (Padding) etwas verkleinern für mehr Platz */
    .stats-table th, 
    .stats-table td {
        padding: 8px 4px !important;
    }

    /* 3. Spieler-Spalte (sticky-col) flexibler machen, 220px aufheben */
    .stats-table th.sticky-col, 
    .stats-table td.sticky-col {
        min-width: 0 !important; 
        width: auto !important;
        white-space: normal !important; /* Erlaubt saubere Zeilenumbrüche bei sehr langen Namen */
    }

    /* 4. Platzierung in kleinerer Schriftart */
    .rank-num {
        font-size: 0.95rem !important; 
    }

    /* 5. Spitzname kleiner schreiben */
    .player-nick {
        font-size: 0.65rem !important; 
        margin-top: 0px !important;
    }

    /* 6. Avatar etwas verkleinern */
    .player-avatar, 
    .player-placeholder {
        width: 24px !important;
        height: 24px !important;
    }

    /* 7. Spalten "Sets" (5), "Legs" (6) und "Spielausgänge" (7) komplett ausblenden */
    .stats-table th:nth-child(5), .stats-table td:nth-child(5),
    .stats-table th:nth-child(6), .stats-table td:nth-child(6),
    .stats-table th:nth-child(7), .stats-table td:nth-child(7) {
        display: none !important;
    }
}