/* ===========================================
   Game Log Table Responsive Styles
   Page : /player/<id> onglet Historique
   =========================================== */

/* Hide horizontal scrollbar */
.game-log-table .dash-spreadsheet-container {
    overflow-x: auto !important;
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
}

.game-log-table .dash-spreadsheet-container::-webkit-scrollbar {
    display: none !important; /* Chrome/Safari */
}

/* Base styles */
.game-log-table .dash-cell {
    font-size: 11px !important;
    padding: 5px 3px !important;
}

.game-log-table .dash-header {
    font-size: 11px !important;
    padding: 6px 3px !important;
}

/* Team logos in table cells */
.game-log-table .dash-cell img {
    width: 24px !important;
    height: 24px !important;
}

/* Extra large screens: 1600px+ */
@media (min-width: 1600px) {
    .game-log-table .dash-cell {
        font-size: 12px !important;
        padding: 6px 4px !important;
    }

    .game-log-table .dash-header {
        font-size: 12px !important;
        padding: 8px 4px !important;
    }

    .game-log-table .dash-cell img {
        width: 26px !important;
        height: 26px !important;
    }
}

/* Laptop screens: 1366px and below */
@media (max-width: 1366px) {
    .game-log-table .dash-cell {
        font-size: 10px !important;
        padding: 4px 2px !important;
    }

    .game-log-table .dash-header {
        font-size: 10px !important;
        padding: 5px 2px !important;
    }

    .game-log-table .dash-cell img {
        width: 20px !important;
        height: 20px !important;
    }
}

/* Small laptop: 1200px and below */
@media (max-width: 1200px) {
    .game-log-table .dash-cell {
        font-size: 9px !important;
        padding: 3px 2px !important;
    }

    .game-log-table .dash-header {
        font-size: 9px !important;
        padding: 4px 2px !important;
    }

    .game-log-table .dash-cell img {
        width: 18px !important;
        height: 18px !important;
    }
}

/* Tablets: 992px and below */
@media (max-width: 992px) {
    .game-log-table .dash-cell {
        font-size: 8px !important;
        padding: 3px 1px !important;
    }

    .game-log-table .dash-header {
        font-size: 8px !important;
        padding: 3px 1px !important;
    }

    .game-log-table .dash-cell img {
        width: 16px !important;
        height: 16px !important;
    }
}

/* Mobile: 768px and below */
@media (max-width: 768px) {
    .game-log-table .dash-cell {
        font-size: 7px !important;
        padding: 2px 1px !important;
    }

    .game-log-table .dash-header {
        font-size: 7px !important;
        padding: 2px 1px !important;
    }

    .game-log-table .dash-cell img {
        width: 14px !important;
        height: 14px !important;
    }
}