/* CPX WP Table — public stylesheet. Place frontend overrides here. */
.elementor-widget-cpx_table {
    --cpx-table-border-color: #ddd;

    overflow-x: auto;

    table,
    table td,
    table th {
        border: none;
    }

    table {
        td {
            min-width: 100px;
        }
    }

    /* Specifity without !important */
    table thead:first-child tr:first-child th {
        border-top: none;
    }

    table tbody>tr:nth-child(odd)>td,
    table tbody>tr:nth-child(odd)>th,
    table tbody tr:hover>td,
    table tbody tr:hover>th {
        background-color: transparent;
    }

    thead th {
        text-align: left;
    }

    /* Borders for everything, except for the edges left top bottom and right */
    table tr>td:not(:first-child):not(:last-child),
    table tr>th:not(:first-child):not(:last-child) {
        border-left: 1px solid var(--cpx-table-border-color);
        border-right: 1px solid var(--cpx-table-border-color);
    }

    /* Add borders between rows */
    table tr:not(:last-child) td {
        border-top: 1px solid var(--cpx-table-border-color);
        border-bottom: 1px solid var(--cpx-table-border-color);
    }
}