/* ── Table — LeadPlanet Design System ── */
/* Targets WordPress block editor output:
   figure.wp-block-table > table.has-fixed-layout */

figure.wp-block-table {
    margin: 2rem 0;
    overflow-x: auto;
    border: 1px solid var(--wp--preset--color--neutral-light);
    border-radius: 16px;
    overflow: hidden;
    /* clips header corners */
}

figure.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--wp--preset--font-family--dm-sans);
    font-size: 14px;
}

/* ── Header row ── */
/* WordPress uses <thead><tr><td> (not <th>) */

.wp-block-table thead {
    border-bottom: 1px solid var(--wp--preset--color--neutral-light) !important;
}

figure.wp-block-table thead tr {
    background: var(--wp--preset--color--primary-shade);
}

figure.wp-block-table thead tr td {
    font-family: var(--wp--preset--font-family--dm-sans);
    font-size: 13px;
    font-weight: 600;
    color: var(--wp--preset--color--white-90);
    padding: 14px 20px;
    text-align: left;
    white-space: nowrap;
    border: none;
}

/* Strip bold from <strong> inside header — heading font carries the weight */
figure.wp-block-table thead tr td strong {
    font-weight: 600;
}

/* ── Body rows ── */
figure.wp-block-table tbody tr {
    border-bottom: 1px solid var(--wp--preset--color--neutral-light);
    transition: background 0.15s ease;
}

figure.wp-block-table tbody tr:last-child {
    border-bottom: none;
}

figure.wp-block-table tbody tr:hover {
    background: var(--wp--preset--color--neutral-light-tint);
}

figure.wp-block-table tbody td {
    padding: 14px 20px;
    color: var(--wp--preset--color--neutral-dark-tint);
    vertical-align: middle;
    border: none;
    line-height: 1.5;
}

/* First column — row label, stronger weight */
figure.wp-block-table tbody td:first-child {
    font-weight: 600;
    color: var(--wp--preset--color--primary);
}

/* <strong> inside body cells — teal checkmark values */
figure.wp-block-table tbody td strong {
    color: var(--wp--preset--color--tertiary-shade);
    font-weight: 600;
}

/* First column <strong> inherits primary, not teal */
figure.wp-block-table tbody td:first-child strong {
    color: var(--wp--preset--color--primary);
}

/* ── Responsive ── */
@media (max-width: 640px) {
    figure.wp-block-table {
        border-radius: 12px;
    }

    figure.wp-block-table thead tr td,
    figure.wp-block-table tbody td {
        padding: 12px 14px;
        font-size: 13px;
    }
}