/* 1X2 Predictions Mobile Styles */
@media (max-width: 768px) {
    .prediction-fixtures-table, 
    .prediction-history-table, 
    .prediction-stats-summary-table {
        font-size: 12px;
    }

    .prediction-fixtures-table th, 
    .prediction-history-table th, 
    .prediction-stats-summary-table th {
        padding: 8px 4px;
        font-size: 11px;
    }

    .prediction-fixtures-table td, 
    .prediction-history-table td, 
    .prediction-stats-summary-table td {
        padding: 6px 4px;
    }

    /* Stats Grid */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .stat-card {
        padding: 10px;
    }

    .stat-value {
        font-size: 18px;
    }

    .stat-label {
        font-size: 11px;
    }

    /* Probability Bars */
    .probability-bars-container {
        height: 15px;
    }

    /* Buttons */
    .prediction-stats-btn {
        padding: 6px 10px;
        font-size: 11px;
    }

    .prediction-badge {
        font-size: 10px;
        padding: 1px 6px;
        min-width: 20px;
    }

    /* Make tables scrollable horizontally */
    .predictions-container {
        overflow-x: auto;
        margin: 10px -10px;
        padding: 0 10px;
    }

    .prediction-fixtures-table, 
    .prediction-history-table {
        min-width: 800px;
    }

    .prediction-stats-summary-table {
        min-width: 600px;
    }

    /* Adjust SEO features for mobile */
    .seo-features {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .seo-intro {
        padding: 15px;
    }

    .seo-intro p {
        font-size: 14px;
    }

    /* Prediction cells */
    .prediction-home,
    .prediction-draw,
    .prediction-away {
        padding: 4px 3px;
        font-size: 11px;
        min-width: 25px;
    }

    /* Hide some less important columns on very small screens */
    @media (max-width: 480px) {
        .prediction-fixtures-table .country-flag,
        .prediction-history-table .country-flag {
            display: none;
        }
    }
}

@media (max-width: 480px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .prediction-fixtures-table, 
    .prediction-history-table {
        min-width: 700px;
    }

    .prediction-stats-summary-table {
        min-width: 500px;
    }

    /* Further reduce padding */
    .prediction-fixtures-table th, 
    .prediction-history-table th,
    .prediction-fixtures-table td, 
    .prediction-history-table td {
        padding: 4px 2px;
    }

    /* Adjust font sizes */
    .prediction-fixtures-table, 
    .prediction-history-table {
        font-size: 11px;
    }

    /* Compact probability bars */
    .probability-bars-container {
        height: 12px;
    }

    /* Stack button and badge */
    .btn-container {
        flex-direction: column;
        gap: 4px;
    }
}

/* Very small screens */
@media (max-width: 360px) {
    .prediction-fixtures-table, 
    .prediction-history-table {
        min-width: 650px;
        font-size: 10px;
    }

    .stat-card {
        padding: 8px;
    }

    .stat-value {
        font-size: 16px;
    }

    .seo-intro {
        padding: 10px;
    }

    .seo-intro p {
        font-size: 13px;
    }
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .prediction-fixtures-table, 
    .prediction-history-table {
        font-size: 13px;
    }

    .stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

  .prediction-history-table {
        min-width: 700px;
    }

     /* Adjust column widths for mobile */
    .prediction-history-table colgroup col:nth-child(1) { width: 7%; }  /* Flag */
    .prediction-history-table colgroup col:nth-child(2) { width: 12%; } /* Date */
    .prediction-history-table colgroup col:nth-child(3) { width: 20%; } /* Match */
    .prediction-history-table colgroup col:nth-child(4) { width: 7%; }  /* 1 Odds */
    .prediction-history-table colgroup col:nth-child(5) { width: 7%; }  /* X Odds */
    .prediction-history-table colgroup col:nth-child(6) { width: 7%; }  /* 2 Odds */
    .prediction-history-table colgroup col:nth-child(7) { width: 8%; }  /* Confidence */
    .prediction-history-table colgroup col:nth-child(8) { width: 8%; }  /* Prediction */
    .prediction-history-table colgroup col:nth-child(9) { width: 7%; }  /* Result */
    .prediction-history-table colgroup col:nth-child(10) { width: 8%; } /* Score */
    .prediction-history-table colgroup col:nth-child(11) { width: 5%; } /* Value */
}

@media (max-width: 480px) {
    .prediction-history-table {
        min-width: 650px;
    }
}