/**
 * Single table style.
 *
 * @author GLIDE ARTS STUDIO
 *
 * stylelint-disable custom-property-pattern
 */

.wp-block-table table.has-fixed-layout {
    --_block-space: 10px;
    --_border-color: var(--wp--preset--color--line);

    font-size: var(--wp--preset--font-size--small);
    letter-spacing: 0;
    width: 100%;
    border-spacing: 0; /* iphone で線が太くなる問題を解決するための設定 */
    border-collapse: separate; /* iphone で線が太くなる問題を解決するための設定 */
    table-layout: fixed;
}

.wp-block-table thead,
.wp-block-table tfoot {
    font-weight: 500;
}

.wp-block-table thead {
    border-bottom: 0;
}

.wp-block-table tbody {
    border-top: 0;
}

.wp-block-table th,
.wp-block-table td {
    vertical-align: top;
    padding: 0;
    padding-block: var(--_block-space);
    border: 0;
}

.wp-block-table tbody td {
    border-block-start: 1px solid var(--_border-color);
}

.wp-block-table th + th,
.wp-block-table td + td {
    padding-inline-start: 1.5em;
}

.wp-block-table th.has-text-align-center,
.wp-block-table td.has-text-align-center {
    text-align: center;
}

.wp-block-table th.has-text-align-left
.wp-block-table td.has-text-align-left{
    text-align: left;
}

.wp-block-table th.has-text-align-right
.wp-block-table td.has-text-align-right{
    text-align: right;
}

.wp-block-table td:first-child {
    width: 33%;
    min-width: 6em;
}

.wp-block-table tbody tr:last-child td {
    border-block-end: 1px solid var(--_border-color);
}

