/**
 * テーブルブロック専用エディタスタイル
 * Table Block Editor Only Styles
 */

/* テーブルブロックのエディタ用スタイル */
.custom-table-block .table-editor-preview {
    margin-bottom: 1rem;
}

.custom-table-block .table-editor-preview table {
    margin-bottom: 0;
}

/* エディタ内では常に横並び表示（!importantで強制） */
.custom-table-block .table-editor-preview .custom-table {
    width: 100% !important;
    margin-bottom: 1.5rem;
    font-size: 1rem;
}

/* シンプル下線スタイル（エディタ内） */
.custom-table-block .table-editor-preview .custom-table.table-simple {
    border-collapse: collapse !important;
}

.custom-table-block .table-editor-preview .custom-table.table-simple th,
.custom-table-block .table-editor-preview .custom-table.table-simple td {
    display: table-cell !important;
    width: auto !important;
    padding: 0.75rem 1rem !important;
    border: none !important;
    font-size: 1rem !important;
}

.custom-table-block .table-editor-preview .custom-table.table-simple tbody tr {
    border-bottom: 1px solid #d4d4d4 !important;
}

.custom-table-block .table-editor-preview .custom-table.table-simple th {
    background-color: transparent !important;
    color: var(--barom-heading-color, #333333) !important;
    font-weight: 600 !important;
    font-size: 0.9em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 0 !important;
    width: 30% !important;
}

.custom-table-block .table-editor-preview .custom-table.table-simple td {
    color: var(--barom-text-color, #333333) !important;
    margin-bottom: 0 !important;
}

.custom-table-block .table-editor-preview .custom-table.table-simple tbody tr {
    margin-bottom: 0 !important;
}

.custom-table-block .table-editor-preview .custom-table.table-simple tbody tr:hover {
    background-color: rgba(0, 124, 186, 0.03) !important;
}

/* タイムライン風スタイル（エディタ内） */
.custom-table-block .table-editor-preview .custom-table.table-timeline {
    border-collapse: collapse !important;
    position: relative !important;
}

.custom-table-block .table-editor-preview .custom-table.table-timeline th,
.custom-table-block .table-editor-preview .custom-table.table-timeline td {
    display: table-cell !important;
    width: auto !important;
    padding: 1rem 1.5rem !important;
    text-align: left !important;
    position: relative !important;
    font-size: 1rem !important;
}

.custom-table-block .table-editor-preview .custom-table.table-timeline th {
    background-color: transparent !important;
    color: var(--barom-heading-color, #333333) !important;
    font-weight: 700 !important;
    font-size: 1.2em !important;
    margin-bottom: 0 !important;
    padding-left: 3rem !important;
    width: 30% !important;
}

.custom-table-block .table-editor-preview .custom-table.table-timeline th::before {
    content: '' !important;
    position: absolute !important;
    left: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1rem !important;
    height: 1rem !important;
    background: #007cba !important;
    border-radius: 50% !important;
    z-index: 2 !important;
}

.custom-table-block .table-editor-preview .custom-table.table-timeline td {
    color: var(--barom-text-color, #333333) !important;
    margin-bottom: 0 !important;
    padding-left: 1.5rem !important;
    border-bottom: 1px solid rgba(0, 124, 186, 0.1) !important;
}

.custom-table-block .table-editor-preview .custom-table.table-timeline tbody tr {
    margin-bottom: 0 !important;
    position: relative !important;
}

.custom-table-block .table-editor-preview .custom-table.table-timeline tbody tr::before {
    content: '' !important;
    position: absolute !important;
    left: 1.5rem !important;
    top: 0 !important;
    width: 3px !important;
    height: 100% !important;
    background: rgba(0, 124, 186, 0.3) !important;
    z-index: 1 !important;
}

.custom-table-block .table-editor-preview .custom-table.table-timeline tbody tr:hover {
    background-color: rgba(0, 124, 186, 0.02) !important;
}

/* 基本スタイル（エディタ内） */
.custom-table-block .table-editor-preview .custom-table.table-base {
    border-collapse: collapse !important;
}

.custom-table-block .table-editor-preview .custom-table.table-base th,
.custom-table-block .table-editor-preview .custom-table.table-base td {
    display: table-cell !important;
    padding: 0.75rem !important;
    text-align: left !important;
    border-bottom: 1px solid #ddd !important;
}

.custom-table-block .table-editor-preview .custom-table.table-base th {
    background-color: #f8f9fa !important;
    font-weight: 600 !important;
    color: #333333 !important;
}

.custom-table-block .table-editor-preview .custom-table.table-base td {
    color: #333333 !important;
}

/* ストライプ表示 */
.custom-table-block .table-editor-preview .custom-table.table-striped tbody tr:nth-child(even) {
    background-color: #f8f9fa !important;
}

/* ボーダー表示 */
.custom-table-block .table-editor-preview .custom-table.table-bordered {
    border: 1px solid #ddd !important;
}

.custom-table-block .table-editor-preview .custom-table.table-bordered th,
.custom-table-block .table-editor-preview .custom-table.table-bordered td {
    border: 1px solid #ddd !important;
}

/* シンプル下線スタイルの場合はボーダーを無効化 */
.custom-table-block .table-editor-preview .custom-table.table-simple.table-bordered {
    border: none !important;
}

.custom-table-block .table-editor-preview .custom-table.table-simple.table-bordered th,
.custom-table-block .table-editor-preview .custom-table.table-simple.table-bordered td {
    border: none !important;
}

.custom-table-block .table-editor-preview .custom-table.table-simple.table-bordered tbody tr {
    border-bottom: 1px solid #d4d4d4 !important;
}

/* エディタ内の行編集UI */
.custom-table-block .table-row-editor {
    background-color: #f9f9f9;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}