/*
============================================================
MORTALIS ARTICLE TABLES v1
============================================================
*/

body.single-post table {
    width: 100%;
    max-width: 100%;

    margin:
        24px
        0
        34px;

    border:
        1px solid
        rgba(74, 188, 255, .22);

    border-collapse: separate;
    border-spacing: 0;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(15, 23, 32, .98),
            rgba(8, 14, 21, .99)
        );

    overflow: hidden;

    box-shadow:
        0 14px 32px
        rgba(0, 0, 0, .18);
}


body.single-post table th,
body.single-post table td {
    padding:
        14px
        17px;

    text-align: left;
    vertical-align: middle;

    line-height: 1.5;
}


body.single-post table thead th {
    background:
        linear-gradient(
            180deg,
            rgba(27, 55, 75, .95),
            rgba(17, 37, 52, .98)
        );

    color: #f4f8fb;

    font-size: .85rem;
    font-weight: 850;

    letter-spacing: .02em;

    border-bottom:
        1px solid
        rgba(74, 188, 255, .30);
}


body.single-post table tbody td {
    color: #d3dce4;

    border-bottom:
        1px solid
        rgba(124, 161, 190, .12);

    transition:
        background .18s ease;
}


body.single-post table tbody tr:last-child td {
    border-bottom: 0;
}


body.single-post table tbody tr:nth-child(even) td {
    background:
        rgba(255, 255, 255, .018);
}


body.single-post table tbody tr:hover td {
    background:
        rgba(38, 187, 255, .055);
}


body.single-post table th + th,
body.single-post table td + td {
    border-left:
        1px solid
        rgba(124, 161, 190, .10);
}


/*
 * Tal / VRAM / watt-kolonner skal ikke klistre
 * sammen med kolonnen før.
 */
body.single-post table th:last-child,
body.single-post table td:last-child {
    white-space: nowrap;
}


/*
 * GPU-tabellen har tre kolonner.
 * Giver produktnavnet mere plads end VRAM.
 */
body.single-post table th:nth-child(1):nth-last-child(3),
body.single-post table td:nth-child(1):nth-last-child(3) {
    width: 34%;
}

body.single-post table th:nth-child(2):nth-last-child(2),
body.single-post table td:nth-child(2):nth-last-child(2) {
    width: 48%;
}

body.single-post table th:nth-child(3):last-child,
body.single-post table td:nth-child(3):last-child {
    width: 18%;
}


/*
============================================================
TABLET
============================================================
*/

@media (max-width: 800px) {

    body.single-post table th,
    body.single-post table td {
        padding:
            12px
            13px;

        font-size: .88rem;
    }

}


/*
============================================================
MOBILE
============================================================
*/

@media (max-width: 600px) {

    body.single-post table {
        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        border-radius: 11px;
    }


    body.single-post table thead,
    body.single-post table tbody {
        min-width: 600px;
    }


    body.single-post table th,
    body.single-post table td {
        padding:
            11px
            12px;

        font-size: .82rem;
    }

}