/* Mobile CSS for Track Record Page */

@media (max-width: 767.98px) {
    /* Track Record Page - Make tables horizontally scrollable */
    .track-record-page .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0;
    }

    /* Ensure table shows all columns with minimal spacing */
    .track-record-page .table {
        min-width: 100%;
        width: max-content;
        font-size: 0.75rem;
        table-layout: auto;
    }

    .track-record-page .table th,
    .track-record-page .table td {
        white-space: nowrap;
        padding: 0.35rem 0.2rem;
        font-size: 0.75rem;
    }

    /* First column (Date) - slightly more padding */
    .track-record-page .table th:first-child,
    .track-record-page .table td:first-child {
        padding-left: 0.5rem;
    }

    /* Last column - slightly more padding */
    .track-record-page .table th:last-child,
    .track-record-page .table td:last-child {
        padding-right: 0.5rem;
    }

    .track-record-page .table th {
        font-size: 0.7rem;
        font-weight: 600;
    }

    /* Make ticker bold and slightly larger */
    .track-record-page .table td strong {
        font-size: 0.8rem;
    }

    /* Compact badges */
    .track-record-page .badge {
        font-size: 0.65rem;
        padding: 0.25rem 0.4rem;
        white-space: nowrap;
    }

    /* Stats cards - keep them stacked */
    .stats-card {
        margin-bottom: 1rem;
    }

    .stats-card .card-header {
        padding: 0.75rem;
    }

    .stats-card .card-header h3 {
        font-size: 1rem;
    }

    .stats-card .card-header .badge {
        font-size: 0.65rem;
        padding: 0.25rem 0.4rem;
    }

    .stats-card .card-body {
        padding: 0.75rem;
    }

    .stats-card .h4 {
        font-size: 1.3rem;
    }

    .stats-card .h6 {
        font-size: 1rem;
    }

    .stats-card .text-muted.small {
        font-size: 0.75rem;
    }

    /* Prediction cards */
    .predictions-card .card-header {
        padding: 0.5rem;
    }

    .predictions-card .card-header h3 {
        font-size: 0.9rem;
    }

    .predictions-card .card-body {
        padding: 0;
    }

    /* Breadcrumb */
    .breadcrumb {
        font-size: 0.8rem;
        padding: 0.5rem 0;
        margin-bottom: 0.75rem;
    }

    /* Header card */
    .track-record-page .card.mb-4:first-of-type .card-header {
        padding: 1rem;
    }

    .track-record-page .card.mb-4:first-of-type .card-title {
        font-size: 1.3rem;
    }

    .track-record-page .card.mb-4:first-of-type .text-muted {
        font-size: 0.8rem;
    }

    /* Disclaimer */
    .alert-warning {
        font-size: 0.8rem;
        padding: 0.75rem;
    }

    .alert-warning .alert-heading {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .alert-warning .small {
        font-size: 0.75rem;
    }

    .alert-warning p {
        margin-bottom: 0.5rem;
    }

    /* Call to Action */
    .card.bg-light .card-body {
        padding: 1rem;
    }

    .card.bg-light h3 {
        font-size: 1.1rem;
    }

    .card.bg-light p {
        font-size: 0.85rem;
    }

    .card.bg-light .btn {
        font-size: 0.85rem;
        padding: 0.5rem 1rem;
    }

    /* Icon circles in stats */
    .stats-card .rounded-circle {
        width: 35px !important;
        height: 35px !important;
    }

    .stats-card .rounded-circle i {
        font-size: 0.9rem;
    }
}

/* Extra small devices (phones in portrait, less than 576px) */
@media (max-width: 575.98px) {
    .track-record-page .table {
        font-size: 0.7rem;
    }

    .track-record-page .table th,
    .track-record-page .table td {
        padding: 0.3rem 0.15rem;
        font-size: 0.7rem;
    }

    .track-record-page .table th:first-child,
    .track-record-page .table td:first-child {
        padding-left: 0.4rem;
    }

    .track-record-page .table th:last-child,
    .track-record-page .table td:last-child {
        padding-right: 0.4rem;
    }

    .track-record-page .badge {
        font-size: 0.6rem;
        padding: 0.2rem 0.3rem;
    }

    .stats-card .h4 {
        font-size: 1.2rem;
    }

    .stats-card .h6 {
        font-size: 0.9rem;
    }
}

/* Landscape orientation - optimize for wider view */
@media (max-width: 767.98px) and (orientation: landscape) {
    .track-record-page .table {
        font-size: 0.8rem;
    }

    .track-record-page .table th,
    .track-record-page .table td {
        padding: 0.5rem 0.5rem;
    }
}