/*
 * Dvousloupcové rozložení:
 * TV vlevo, počasí a RSS pod sebou vpravo.
 */

@media (min-width: 721px) {
    .layout {
        align-items: start;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .tv-card {
        grid-column: 1;
        grid-row: 1;
    }

    .right-column {
        display: grid;
        grid-column: 2;
        grid-row: 1;
        gap: 1rem;
        min-width: 0;
    }

    .right-column--full {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .right-column > .card {
        grid-column: auto;
        width: 100%;
        min-width: 0;
    }

    .right-column .rss-card {
        grid-column: auto;
    }

    .tv-row {
        grid-template-columns: 145px minmax(0, 1fr) 64px;
        gap: 0.55rem;
    }

    .tv-time-block {
        grid-template-columns: 38px minmax(42px, 1fr) 38px;
        gap: 0.35rem;
        font-size: 0.78rem;
    }

    .tv-station.has-logo {
        width: 60px;
        height: 30px;
        padding: 3px 4px;
    }

    .tv-title {
        font-size: 0.92rem;
    }

    .tv-time-tabs {
        gap: 0.2rem;
    }

    .tv-time-tabs a {
        min-width: 54px;
        padding: 0.5rem 0.45rem;
        font-size: 0.86rem;
    }
}

@media (max-width: 720px) {
    .right-column {
        display: grid;
        gap: 1rem;
    }

    .right-column > .card {
        width: 100%;
    }
}