/*
 * SkyNext Mobile Repair - 50 Trò Chơi Dân Gian
 * Version 1.1.0
 */

.skn-50tc-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.skn-50tc-table-scroll table {
    margin-bottom: 0;
}

.skn-50tc-scroll-hint {
    display: none;
}

@media (max-width: 767px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* ===== Fix article text width ===== */
    body.single-post main,
    body.single-post #main,
    body.single-post #content,
    body.single-post #primary,
    body.single-post .site-main,
    body.single-post .site-content,
    body.single-post .content-area,
    body.single-post article,
    body.single-post .post,
    body.single-post .hentry {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.single-post .entry-content,
    body.single-post .post-content,
    body.single-post .single-post-content,
    body.single-post .article-content {
        width: calc(100vw - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        min-width: 0 !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.single-post .entry-content p,
    body.single-post .entry-content h1,
    body.single-post .entry-content h2,
    body.single-post .entry-content h3,
    body.single-post .entry-content h4,
    body.single-post .entry-content h5,
    body.single-post .entry-content h6,
    body.single-post .entry-content ul,
    body.single-post .entry-content ol,
    body.single-post .entry-content li,
    body.single-post .post-content p,
    body.single-post .post-content h1,
    body.single-post .post-content h2,
    body.single-post .post-content h3,
    body.single-post .post-content h4,
    body.single-post .post-content li {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        word-break: normal !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }

    body.single-post .entry-content ul,
    body.single-post .entry-content ol,
    body.single-post .post-content ul,
    body.single-post .post-content ol {
        padding-left: 26px !important;
    }

    /* ===== Table stays horizontally scrollable ===== */
    .skn-50tc-table-scroll {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding-bottom: 8px;
        margin: 14px 0 24px;
    }

    .skn-50tc-table-scroll table {
        width: 980px !important;
        min-width: 980px !important;
        max-width: none !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .skn-50tc-table-scroll th,
    .skn-50tc-table-scroll td {
        min-width: 0 !important;
        max-width: none !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        vertical-align: top !important;
        line-height: 1.45 !important;
        padding: 10px 12px !important;
    }

    .skn-50tc-table-scroll th:nth-child(1),
    .skn-50tc-table-scroll td:nth-child(1) { width: 145px !important; }

    .skn-50tc-table-scroll th:nth-child(2),
    .skn-50tc-table-scroll td:nth-child(2) { width: 145px !important; }

    .skn-50tc-table-scroll th:nth-child(3),
    .skn-50tc-table-scroll td:nth-child(3) { width: 280px !important; }

    .skn-50tc-table-scroll th:nth-child(4),
    .skn-50tc-table-scroll td:nth-child(4) { width: 170px !important; }

    .skn-50tc-table-scroll th:nth-child(5),
    .skn-50tc-table-scroll td:nth-child(5) { width: 120px !important; }

    .skn-50tc-table-scroll th:nth-child(6),
    .skn-50tc-table-scroll td:nth-child(6) { width: 120px !important; }

    .skn-50tc-scroll-hint {
        display: block;
        margin: 0 0 8px;
        padding: 8px 10px;
        font-size: 14px;
        line-height: 1.35;
        background: #f5f7fa;
        border-radius: 8px;
    }

    /* images outside table */
    body.single-post .entry-content img,
    body.single-post .post-content img,
    body.single-post .single-post-content img {
        max-width: 100% !important;
        height: auto !important;
    }
}