/* Competition Schedule Table Styles - VVIVS Theme */
.competition-schedule-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.competition-schedule-table th,
.competition-schedule-table td {
    border: 1px solid #1B4E0C;
    padding: 12px 15px;
    text-align: left;
    color: #000000;
}

.competition-schedule-table th {
    background-color: #1B4E0C;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.competition-schedule-table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.competition-schedule-table tbody tr:nth-child(even) {
    background-color: #e8f5e9;
}

.competition-schedule-table tbody tr:hover {
    background-color: #c8e6c9;
    transition: background-color 0.2s ease;
}

/* Align specific columns */
.competition-schedule-table td:nth-child(1),
.competition-schedule-table th:nth-child(1) {
    /* Datum - Date */
    text-align: center;
    width: 10%;
}

.competition-schedule-table td:nth-child(2),
.competition-schedule-table th:nth-child(2) {
    /* Dag - Day */
    text-align: center;
    width: 8%;
}

.competition-schedule-table td:nth-child(3),
.competition-schedule-table th:nth-child(3) {
    /* Tijd - Time */
    text-align: center;
    width: 7%;
}

.competition-schedule-table td:nth-child(4),
.competition-schedule-table th:nth-child(4) {
    /* Team A */
    text-align: left;
    width: 15%;
}

.competition-schedule-table td:nth-child(5),
.competition-schedule-table th:nth-child(5) {
    /* Team B */
    text-align: left;
    width: 15%;
}

.competition-schedule-table td:nth-child(6),
.competition-schedule-table th:nth-child(6) {
    /* Locatie - Location */
    text-align: left;
    width: 20%;
}

.competition-schedule-table td:nth-child(7),
.competition-schedule-table th:nth-child(7) {
    /* Plaats - Place */
    text-align: left;
    width: 18%;
}

.competition-schedule-table td:nth-child(8),
.competition-schedule-table th:nth-child(8) {
    /* Resultaat - Result */
    text-align: center;
    width: 7%;
    font-weight: bold;
}

/* Responsive design */
@media (max-width: 768px) {
    .competition-schedule-table {
        font-size: 12px;
    }
    
    .competition-schedule-table th,
    .competition-schedule-table td {
        padding: 8px 6px;
    }
}