/*
コア側のブロックcssを上書き用のファイルです
--------------------------------------------*/
.editor-styles-wrapper { //サイトエディター
	//ソーシャルアイコン
	.vk_card_item .block-editor-inner-blocks .block-editor-block-list__layout,//これがないとカード内のインナーブロックで効かない
	.wp-block-social-links{
		.wp-block.wp-social-link{
			width: auto;
			margin: 0 8px .8em 0;
		}
	}

	//他テーマ（Twenty Twenty）上書き用
		.wp-block-image figcaption{
			display: block;
		}
		//他テーマ（Twenty Twenty）上書き用
		ul li,
		ol li{
			margin:calc( 1rem * 0.8 ) 0;
		}
	
	//グループブロック
	.wp-block-group {
		&.is-style-vk-group-stitch:before {
			width: calc(100% - 1.25em);
			height: calc(100% - 1.25em);
		}
	}
}

.vk-blocks-format-popover {
	// WP5.9でPopoverコンポーネントにpaddingがなくなったため
	.components-popover__content > div {
			padding: 20px 18px;
	}

	// インライン文字サイズを再編集時に選択されたフォントサイズが黒バックの白抜きになるため
	.components-toggle-group-control > div[data-active=true] {
		background: rgb(30, 30, 30);
		border-radius: 2px;
	}
}

.vk-block-editor-url-input-wrapper {
	display: flex;
	margin-bottom: 8px;
}

/*-------------------------------------------*/
/* カラムの方向が逆のラベル
/*-------------------------------------------*/
.wp-block-columns {
	&.is-vk-row-reverse {
		border: 1px dashed #ccc !important;
		left:0;
		&:before {
			position:absolute !important;
			right:0;
			top:0;
			font-size:10px;
			background: #eeeeee;
			padding: .2em .6em;
			z-index: 1000;
			line-height: 1.2;
			letter-spacing: 1px;
			content: 'Reverse' !important;
		}
	}
}