/******************************
THE SONIC Gutenberg Blocks — front styles
（フロント側でブロックに最低限必要な見た目を提供する）
******************************/

/* ---- Advanced Table block ---- */
.tsnc-advanced-table {
	margin: 0 0 1.5em;
}
.tsnc-advanced-table table {
	width: 100%;
	border-collapse: collapse;
}
.tsnc-advanced-table.has-fixed-layout table {
	table-layout: fixed;
}
/* :where() で 0,0,0 specificity → is-style-* バリエーションが必ず上書きできる */
:where(.tsnc-advanced-table td),
:where(.tsnc-advanced-table th) {
	padding: 8px 12px;
	vertical-align: top;
	border: var(--tsnc-at-border-width, 1px) var(--tsnc-at-border-style, solid) var(--tsnc-at-border-color, #cccccc);
}
:where(.tsnc-advanced-table.has-header-row tbody tr:first-child td),
:where(.tsnc-advanced-table.has-header-row tbody tr:first-child th),
:where(.tsnc-advanced-table thead th) {
	background-color: #f5f5f5;
	font-weight: bold;
}
.tsnc-advanced-table.js-scrollable {
	overflow: auto;
	white-space: nowrap;
}
/* テーブル要素の配置 (alignleft / aligncenter / alignright) */
.tsnc-advanced-table.alignleft,
.tsnc-advanced-table.aligncenter,
.tsnc-advanced-table.alignright {
	width: auto;
	max-width: 100%;
}
.tsnc-advanced-table.alignleft table,
.tsnc-advanced-table.aligncenter table,
.tsnc-advanced-table.alignright table {
	width: auto !important;
}
.tsnc-advanced-table.alignleft {
	float: left;
	margin-right: 1em;
}
.tsnc-advanced-table.alignright {
	float: right;
	margin-left: 1em;
}
.tsnc-advanced-table.aligncenter {
	margin-left: auto;
	margin-right: auto;
}