/*
 * Table block styles.
 *
 * WordPress core ships baseline styles for .wp-block-table and the
 * .is-style-stripes variant via wp-includes/css/dist/block-library.
 * This file only adds the Vaimupuu-branded variant (orange header band,
 * row separators only) registered in functions.php as
 * register_block_style('core/table', ['name' => 'vaimupuu-branded']).
 */

.wp-block-table.is-style-vaimupuu-branded table {
    border-collapse: collapse;
    width: 100%;
}

/* Dark orange, not the text orange: white header text on the lighter
   orange only reaches ~3.4:1 (needs 4.5:1) — a11y F4c. */
.wp-block-table.is-style-vaimupuu-branded thead {
    background-color: var(--color-orange-dark, #b34700);
}

.wp-block-table.is-style-vaimupuu-branded thead th {
    color: var(--color-white);
    border: 1px solid var(--color-orange-dark, #b34700);
    padding: 1rem 1.25rem;
    text-align: left;
}

.wp-block-table.is-style-vaimupuu-branded tbody td {
    border: 0;
    border-bottom: 1px solid var(--color-gray-border);
    padding: 0.625rem 1.25rem;
}