/* エディターにインライン読み込みさせるスタイル */
.block-editor-writing-flow {

	[data-type="ponhiro-blocks/cv-box"] {

		// 非選択時、空の要素を非表示にする
		&:not(.is-selected):not(.has-child-selected) {

			.block-editor-media-placeholder,
			// .pb-free-noticeBox.-image,
			[data-type="ponhiro-blocks/list"] .is-null,
			.pb-cv-box__note.has-no-content {
				display: none;
			}
		}

		.-is-free {

			[data-type="ponhiro-blocks/image"] {
				display: none;
			}
		}

		.block-editor-media-placeholder .components-button {
			font-size: 12px;
		}

		.components-placeholder__label {
			display: none;
		}

		.block-editor-media-placeholder {
			min-height: 120px;
			margin-bottom: 16px;
			padding: 1em 1em 0.75em;
		}
	}

	// 表示・非表示の要素がいろいろあることに注意
	.pb-cv-box__inner {
		padding: 0.5em 1.5em !important;

		> .block-editor-inner-blocks > .block-editor-block-list__layout {

			.wp-block {
				margin-top: 1.5em !important;
				margin-bottom: 1.5em !important;
			}
		}
	}

	.pb-button__btn {
		width: 100%;
	}
}


// サイドバー
:is(.edit-post-sidebar, .editor-sidebar) {

	.pb-panel--colorSet {

		.pb-cv-box {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
		}

		.pb-cv-box__inner {
			padding: 8px !important;
			font-size: 12px;
		}

		.pb-list__li {
			display: block;
			margin: 0;
			padding: 0;
			line-height: 1.25;
		}

		.pb-button__em {
			width: 24%;
			min-width: 0;
		}

		.pb-cv-box__note {
			display: block;
			padding: 0.75em !important;
		}

		.pb-button + .pb-cv-box__note {
			margin-top: 1em !important;
		}

		// 色
		.pb-cv-box[data-colset="1"] {

			.pb-list__li::before {
				color: #3190b7;
			}

		}

		.pb-cv-box[data-colset="g"] {

			.pb-list__li::before {
				color: var(--pb_colset_green);
			}

		}

		.pb-cv-box[data-colset="y"] {

			.pb-list__li::before {
				color: var(--pb_colset_yellow);
			}

		}

		.pb-cv-box[data-colset="b"] {

			.pb-list__li::before {
				color: var(--pb_colset_blue);
			}

		}

		.pb-cv-box[data-colset="p"] {

			.pb-list__li::before {
				color: var(--pb_colset_pink);
			}

		}

	}
}