/**
 * 情報ブロック labelColumnSize（フロント用）
 *   0     = ラベルにフィット（ラベル列は文字幅、コンテンツ列は残り）
 *   1-100 = ラベル列 --msm-info-label-width: N% 、コンテンツ列は残りを自動で使用
 *
 * エディタプレビューは responsive-font-size.js の buildInformationLabelColumnEditorCSS で
 * #block-{clientId} スコープの CSS を注入する（フロントと同条件）。
 */

/* --- ラベルにフィット（0） --- */

.smb-information[data-label-column-size="0"][data-sm-split-column="true"]
	.smb-information__item
	> .c-row
	> .c-row__col:first-child {
	flex: 0 1 auto !important;
	--_item-width: auto !important;
	max-width: none !important;
	width: auto !important;
}

.smb-information[data-label-column-size="0"][data-sm-split-column="true"]
	.smb-information__item
	> .c-row
	> .c-row__col:last-child {
	flex: 1 1 0% !important;
	--_item-width: auto !important;
	max-width: none !important;
	min-width: 0;
}

@media (min-width: 640px) {
	.smb-information[data-label-column-size="0"]:not([data-sm-split-column="true"])
		.smb-information__item
		> .c-row
		> .c-row__col:first-child {
		flex: 0 1 auto !important;
		--_item-width: auto !important;
		max-width: none !important;
		width: auto !important;
	}

	.smb-information[data-label-column-size="0"]:not([data-sm-split-column="true"])
		.smb-information__item
		> .c-row
		> .c-row__col:last-child {
		flex: 1 1 0% !important;
		--_item-width: auto !important;
		max-width: none !important;
		min-width: 0;
	}
}

/* --- 任意の %（1-100）：ラベル N% → コンテンツは残り自動 --- */

.smb-information[data-label-column-size]:not([data-label-column-size="0"])[data-sm-split-column="true"]
	.smb-information__item
	> .c-row
	> .c-row__col:first-child {
	flex: 0 0 var(--msm-info-label-width) !important;
	--_item-width: var(--msm-info-label-width) !important;
	max-width: var(--msm-info-label-width) !important;
}

.smb-information[data-label-column-size]:not([data-label-column-size="0"])[data-sm-split-column="true"]
	.smb-information__item
	> .c-row
	> .c-row__col:last-child {
	flex: 1 1 0% !important;
	--_item-width: auto !important;
	max-width: none !important;
	min-width: 0;
}

@media (min-width: 640px) {
	.smb-information[data-label-column-size]:not([data-label-column-size="0"]):not([data-sm-split-column="true"])
		.smb-information__item
		> .c-row
		> .c-row__col:first-child {
		flex: 0 0 var(--msm-info-label-width) !important;
		--_item-width: var(--msm-info-label-width) !important;
		max-width: var(--msm-info-label-width) !important;
	}

	.smb-information[data-label-column-size]:not([data-label-column-size="0"]):not([data-sm-split-column="true"])
		.smb-information__item
		> .c-row
		> .c-row__col:last-child {
		flex: 1 1 0% !important;
		--_item-width: auto !important;
		max-width: none !important;
		min-width: 0;
	}
}