/**
 * Google Spreadsheet tables — frontend styling.
 * Matches the site's share-info table design: green header row,
 * white / light-green zebra striping, subtle borders.
 */

.wpdst-sheet-table-wrap {
    overflow-x: auto;
    margin: 0 0 24px;
    -webkit-overflow-scrolling: touch;
}

/* split="N" renders multiple tables side by side; they wrap into a
   single column on narrow screens. */
.wpdst-sheet-split {
    display: flex;
    flex-wrap: wrap;
    gap: 0 28px;
    align-items: flex-start;
}

.wpdst-sheet-split .wpdst-sheet-table-wrap {
    flex: 1 1 320px;
    min-width: 280px;
}

.wpdst-sheet-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.4;
    background: #fff;
}

.wpdst-sheet-table th,
.wpdst-sheet-table td {
    border: 1px solid #ddd;
    padding: 11px 14px;
    text-align: left;
    vertical-align: middle;
    word-break: break-word;
}

.wpdst-sheet-table thead th {
    background: #4caf50;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

.wpdst-sheet-table tbody tr:nth-child(odd) {
    background: #f3faf3;
}

.wpdst-sheet-table tbody tr:nth-child(even) {
    background: #ffffff;
}

.wpdst-sheet-table tbody tr:hover {
    background: #e8f5e9;
}

.wpdst-sheet-table td a {
    color: #2e7d32;
    font-weight: 500;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .wpdst-sheet-table {
        font-size: 13px;
    }
    .wpdst-sheet-table th,
    .wpdst-sheet-table td {
        padding: 8px 10px;
    }

    /* Tables with 3+ columns keep a readable width and swipe sideways
       inside their wrapper instead of crushing names into single words. */
    .wpdst-sheet-table.wpdst-wide {
        min-width: 560px;
    }
    .wpdst-sheet-table.wpdst-wide td:first-child {
        white-space: nowrap;
    }
}