/*
 * editor-style.css
 * サイトエディター（ブロックエディター）専用スタイル
 */

/* -----------------------------------------------------------------------
   Editor canvas — フッターを画面下部に固定
----------------------------------------------------------------------- */

/* エディターキャンバス全体を縦 flex にして footer を押し下げる */
.editor-styles-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.editor-styles-wrapper .wp-site-blocks {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 100svh;
}

/* main を伸ばして footer を最下部に追いやる */
.editor-styles-wrapper .site-main {
	flex: 1;
}

/* -----------------------------------------------------------------------
   Site footer
----------------------------------------------------------------------- */

.editor-styles-wrapper .site-footer {
	margin-top: auto;
}

/* -----------------------------------------------------------------------
   Site editor only: keep header in a single row
----------------------------------------------------------------------- */

.editor-styles-wrapper .header-row {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	max-width: var(--wp--style--global--content-size);
	margin-inline: auto;
	width: 100%;
}

.editor-styles-wrapper .site-header .wp-block-group,
.editor-styles-wrapper .site-header .wp-block-navigation,
.editor-styles-wrapper .site-header .wp-block-navigation__container {
	min-width: 0;
}

.editor-styles-wrapper .site-header .wp-block-navigation__container {
	flex-wrap: nowrap;
}