/* NekoNoTe Nav 1.1.0 — 開く／閉じるボタンを同じ座標に固定配置する。
   core では「開く」と「閉じる」が別要素（閉じるはオーバーレイの中）なので、同じ位置に重ねて 1 つのボタンに見せる。
   対象は includes/burger.php が nav に nk-nav--fixed、ボタンに nk-burger--fixed を付けたナビだけ（既定はページで最初のナビ 1 つ。
   ヘッダーとフッターの両方にナビがあっても重ならない。フィルタ nekonote_nav_burger_fixed( $fixed, $block ) でブロックごとに変更可）。
   ボタンが流れから外れる分、nav.wp-block-navigation をプレースホルダにして幅・高さを確保する。
   位置はテーマ・案件が --nk-burger-top / --nk-burger-right で上書きする（追従ヘッダーの縮小に合わせて動かすなら開くボタンの top を animation で）。 */

:root {
	--nk-burger-top: var(--wp--preset--spacing--30, 1rem);
	--nk-burger-right: var(--wp--style--root--padding-right, 1rem);
}
body.admin-bar { --nk-burger-top: calc(var(--wp--preset--spacing--30, 1rem) + var(--wp-admin--admin-bar--height, 32px)); }

.wp-block-navigation .nk-burger--fixed.nk-burger--open,
.wp-block-navigation__responsive-container.is-menu-open .nk-burger--fixed.nk-burger--close {
	position: fixed;
	top: var(--nk-burger-top);
	right: var(--nk-burger-right);
	left: auto;
	bottom: auto;
	z-index: 101;
	padding: 6px 0;
}

/* core はオーバーレイを開くときの keyframes（transform: translateY）を fill-mode: forwards で残すため、オーバーレイが
   position: fixed の基準になり、閉じるボタンがメニューと一緒にスクロールしてしまう。opacity だけのフェードに差し替える。 */
nav.nk-nav--fixed .wp-block-navigation__responsive-container.is-menu-open {
	animation-name: nk-burger-overlay-in;
}
@keyframes nk-burger-overlay-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* プレースホルダ: 開くボタンが見えている条件だけ（常時＝nk-nav--always、狭幅＝600px 未満）。
   core は内側の ul にも .wp-block-navigation を付けるので nav 要素に限定する。 */
nav.nk-nav--fixed.nk-nav--always {
	flex: 0 0 var(--nk-burger-size-w);
	width: var(--nk-burger-size-w);
	height: var(--nk-burger-size-h);
}
@media (max-width: 599px) {
	nav.nk-nav--fixed {
		flex: 0 0 var(--nk-burger-size-w);
		width: var(--nk-burger-size-w);
		height: var(--nk-burger-size-h);
	}
}
