/*
 * 車両情報ブロック
 * 見た目の大部分はテーマ（Lightning）と VK Blocks の CSS がそのまま当たります。
 * ここには、既存ページでブロックごとに自動生成されていたレイアウト用CSS・カスタムCSSだけを再現しています。
 */

/* --- カラム（既存ページの wp-container-core-columns-* と同じ値） --- */
.clb .clb-cols-top   { flex-wrap: nowrap; }
.clb .clb-cols-price { flex-wrap: nowrap; gap: 24px 10px; }
.clb .clb-cols-basic { flex-wrap: nowrap; gap: 30px 0; }
.clb .clb-cols-nogap { flex-wrap: nowrap; gap: 0; }
@media (max-width: 781px) {
	.clb .clb-cols-top,
	.clb .clb-cols-basic,
	.clb > .clb-cols-nogap { flex-wrap: wrap; }
}

/* --- ギャラリー（3列） --- */
.clb .clb-gallery {
	--wp--style--unstable-gallery-gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em)));
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--style--unstable-gallery-gap);
}

/* --- 車両情報テーブル：項目名セルをグレーに（既存 vk_custom_css_2/3） --- */
.clb .clb-spec td:nth-child(1) { background-color: #ddd; }

/* --- 装備の見出し：左に紫の線（既存 vk_custom_css_4〜9） --- */
.clb .clb-h3 { border-left: 4px solid #863792; }

/* --- 装備ボタン「なし」：グレー枠（既存の各ボタンのカスタムカラー） --- */
.clb .clb-equip-off .has-text-color.is-style-outline {
	background-color: transparent;
	border: 1px solid #cccccc;
	color: #cccccc;
}
.clb .clb-equip-off .has-text-color.is-style-outline:hover {
	background-color: #cccccc;
	border: 1px solid #cccccc;
	color: #fff;
}