﻿/* Datei: css/mobile-spieler-details.css */

/* --- MOBILE OPTIMIERUNG: NUR HOCHFORMAT (PORTRAIT) --- */
@media (max-width: 768px) and (orientation: portrait) {
    
    /* Tabelle erzwingen, dass sie 100% der Breite nutzt */
    .history-table {
        min-width: 100% !important;
        width: 100% !important;
        table-layout: auto !important;
    }

    /* Ausblenden der hinteren Spalten: Legs (5), 180er (6), 171er (7), SL (8) und HF (9) */
    .history-table th:nth-child(5), .history-table td:nth-child(5),
    .history-table th:nth-child(6), .history-table td:nth-child(6),
    .history-table th:nth-child(7), .history-table td:nth-child(7),
    .history-table th:nth-child(8), .history-table td:nth-child(8),
    .history-table th:nth-child(9), .history-table td:nth-child(9) {
        display: none !important;
    }

    /* Padding und Font-Size anpassen, damit die 4 verbleibenden Spalten gut passen */
    .history-table th, 
    .history-table td {
        padding: 10px 5px !important;
        font-size: 0.8rem !important;
    }

    /* Den Liganamen etwas verkleinern */
    .history-table td:first-child div:first-child {
        font-size: 0.85rem !important;
    }
}

/* --- MOBILE OPTIMIERUNG: QUERFORMAT (LANDSCAPE) --- */
@media (max-width: 900px) and (orientation: landscape) {
    /* Alle Spalten sichtbar lassen, aber Schrift leicht verkleinern */
    .history-table th, 
    .history-table td {
        font-size: 0.75rem !important;
        padding: 8px 4px !important;
    }
}