/* Games Page Specific Styles */

.schedule-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: var(--space-8);
    background: var(--color-white);
    box-shadow: var(--shadow-lg);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
}

.schedule-table th,
.schedule-table td {
    padding: var(--space-4);
    text-align: left;
    border-bottom: 1px solid var(--color-bg-light);
}

.schedule-table thead {
    background: var(--color-primary-dark);
    color: var(--color-white);
}

.schedule-table th {
    font-weight: var(--font-weight-semibold);
}

.schedule-table tbody tr:hover {
    background-color: var(--color-bg-light);
}

.game-date {
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary-dark);
}

.game-opponent {
    font-weight: var(--font-weight-medium);
}

.game-location a {
    color: var(--color-primary);
    text-decoration: none;
}

.game-location a:hover {
    text-decoration: underline;
}

.game-result {
    font-weight: var(--font-weight-bold);
}

.game-result.win {
    color: #10B981;
}

.game-result.loss {
    color: #dc3545;
}

/* Responsive Table */
@media (max-width: 768px) {
    .schedule-table thead {
        display: none; /* Hide table headers */
    }

    .schedule-table, .schedule-table tbody, .schedule-table tr, .schedule-table td {
        display: block;
        width: 100%;
    }

    .schedule-table tr {
        margin-bottom: var(--space-4);
        border: 1px solid var(--color-bg-light);
        border-radius: var(--border-radius-md);
    }

    .schedule-table td {
        text-align: right;
        padding-left: 50%;
        position: relative;
        border-bottom: 1px solid #eee;
    }

    .schedule-table td::before {
        content: attr(data-label);
        position: absolute;
        left: var(--space-4);
        width: calc(50% - var(--space-8));
        padding-right: var(--space-4);
        text-align: left;
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary-dark);
    }
}