// リンクカラー
a {
	color: var(--ark-color_link);
}

// 全体の幅
.wp-block {
	// max-width: 900px;
	max-width: var(--ark-block_width, 900px);

	&[data-align="wide"] {
		max-width: calc(var(--ark-block_width, 900px) + var(--ark-alignwide_plus_width, 200px));
	}
}

// ブロッククラッシュ時の表示
// .block-editor-warning {
//     max-width: var(--ark-block_width, 900px);
//     margin-right: auto;
//     margin-left: auto;
// }

.wp-block-cover__inner-container,
.wp-block-group__inner-container,
.wp-block-media-text__content,
.wp-block-column {

	> .wp-block {
		max-width: 100%;
	}
}


// フォント系
.wp-block-widget-area,
.block-editor .editor-styles-wrapper,
.blocks-widgets-container .editor-styles-wrapper,
body.editor-styles-wrapper {

	// wp5.9 から導入されたCSS変数を流用する
	@include set-wp-preset--fz;

	color: var(--ark-color_text);
	font-size: var(--ark-font_size, 16px);
	font-family: var(--ark-font_family);
	line-height: var(--ark-line_height, 1.8);
	background-color: var(--ark-color_bg);

	@include mobile {
		font-size: var(--ark-font_size--mobile);
	}
}


// 本文エリア
.block-editor-writing-flow {

	// 5.7 ~ エディターの縦幅の最小値がなくなっている
	padding-bottom: 40px;

	// タイトル
	.editor-post-title textarea.editor-post-title__input, // ~5.8
	h1.editor-post-title.editor-post-title__input { // 5.9
		font-size: 2rem;
	}
}

// 5.8でタイトル下の余白がなくなったが5.9で復活。ただしデバイスプレビューには効いてないので明示的に書き続ける
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper {
	margin-bottom: 2em;
}

//aligncenterにclearが付くようになったので、それに合わせる
[data-align="center"] {
	clear: both;
}


// ブロックの「Move To」モードで出てくる ::before のバーが崩れないように、CSS強める
#wpbody .is-block-moving-mode {

	.wp-block.is-selected {

		&::before {
			position: absolute;
			top: -14px;
			right: 0;
			bottom: auto;
			left: 0;
			z-index: 0;
			display: inline;
			margin: 0;
			padding: 0;
			border: none;
			border-top: 4px solid var(--wp-admin-theme-color);
			border-radius: 2px;
			transform: none;
			content: "";
		}
	}
}

// ウィジェットブロックエディター
.wp-block-widget-area__inner-blocks {

	> .block-editor-block-list__layout > .block-list-appender {
		position: relative;
	}
}