/*
Theme Name: BlueDVD Blocksy
Description: Motyw potomny Blocksy dla sklepu BlueDVD
Author: BlueDVD
Template: blocksy
Version: 1.0.0
Text Domain: bluedvd-blocksy
*/

/* Kontener tabeli ma taką samą szerokość i pozycję jak treść strony */
.entry-content.is-layout-constrained > .bluedvd-table-scroll {
    width: 100%;
    max-width: var(--wp--style--global--content-size, 1290px);
    margin: 20px auto 32px !important;
    overflow-x: auto;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

/* Sama tabela jest węższa i stoi przy lewej krawędzi treści */
.bluedvd-table {
    width: 100%;
    max-width: 760px;
    margin: 0;
    border-collapse: collapse;
    table-layout: auto;
    background: #ffffff;
}

.bluedvd-table th,
.bluedvd-table td {
    padding: 14px 16px;
    border: 1px solid #dddddd;
    vertical-align: middle;
    box-sizing: border-box;
}

.bluedvd-table th {
    background: #f4f4f4;
    font-weight: 700;
    text-align: left;
}

.bluedvd-table tbody tr:nth-child(even) {
    background: #fafafa;
}

.bluedvd-table th:not(:first-child),
.bluedvd-table td:not(:first-child) {
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .entry-content.is-layout-constrained > .bluedvd-table-scroll {
        max-width: 100%;
    }

    .bluedvd-table {
        width: 520px;
        max-width: none;
    }

    .bluedvd-table th,
    .bluedvd-table td {
        padding: 11px 12px;
        font-size: 14px;
    }
}

/*
.woocommerce ul.products li.product .ct-media-container {
    background: #FCF2E3;
}

.woocommerce ul.products li.product .ct-media-container img {
    mix-blend-mode: multiply;
}*/