/* Blog — tabulka regionů/států: mobil karty, desktop tabulka */

.blog-region-table__scroll {
    -webkit-overflow-scrolling: touch;
}

.blog-region-table__table {
    min-width: 520px;
}

@media (max-width: 639px) {
    .blog-region-table__scroll {
        overflow-x: visible;
    }

    .blog-region-table__table {
        min-width: 0;
        width: 100%;
        display: block;
        border: none;
    }

    .blog-region-table__table thead {
        display: none;
    }

    .blog-region-table__table tbody {
        display: block;
    }

    .blog-region-table__table tr {
        display: block;
        margin-bottom: 0.75rem;
        border: 1px solid rgb(229 231 235);
        border-radius: 1rem;
        background: #ffffff;
        overflow: hidden;
    }

    .blog-region-table__table tr:last-child {
        margin-bottom: 0;
    }

    .blog-region-table__table td {
        display: block;
        width: 100%;
        max-width: none;
        padding: 0.875rem 1rem;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .blog-region-table__table td:first-child {
        font-weight: 700;
        color: rgb(17 24 39);
        padding-bottom: 0.35rem;
        border-bottom: 1px solid rgb(243 244 246);
        background: rgb(249 250 251);
    }

    .blog-region-table__table td:last-child {
        padding-top: 0.65rem;
        line-height: 1.65;
    }

    @media (prefers-color-scheme: dark) {
        .blog-region-table__table tr {
            border-color: rgb(55 65 81);
            background: rgb(3 7 18);
        }

        .blog-region-table__table td:first-child {
            color: rgb(243 244 246);
            border-bottom-color: rgb(31 41 55);
            background: rgb(17 24 39 / 0.8);
        }
    }
}