/* ==========================================================================
   TGL Seasonal Prices Table — Stylesheet
   Requires: tgl-design-system.css
   ========================================================================== */

.seasonal-prices-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-family: var(--tgl-font-family);
    color: var(--tgl-text-secondary);
}

.seasonal-prices-table td {
    padding: var(--tgl-space-4) var(--tgl-space-8);
}

.seasonal-prices-table tr:nth-child(odd) {
    background-color: var(--tgl-bg-secondary);
}

/* Border-radius for odd rows' corners */
.seasonal-prices-table tr:nth-child(odd) td:first-child {
    border-top-left-radius: var(--tgl-radius-md);
    border-bottom-left-radius: var(--tgl-radius-md);
}

.seasonal-prices-table tr:nth-child(odd) td:last-child {
    border-top-right-radius: var(--tgl-radius-md);
    border-bottom-right-radius: var(--tgl-radius-md);
}

.season-title { text-align: left; }
.season-price { text-align: right; }

/* Mobile */
@media only screen and (max-width: 768px) {
    .seasonal-prices-table td {
        font-size: var(--tgl-font-size-xs);
        padding: var(--tgl-space-3) var(--tgl-space-4);
    }
}