/* ヘッダーの虫眼鏡ボタン */

/* core/shortcode ブロックが包む <p> をヘッダーの並びの1要素として整える */
p:has(> .iisa-search) {
	margin: 0;
	line-height: 0;
}

/* スマホ（ハンバーガー表示）はハンバーガーの左、PC はナビゲーションの右に置く */
@media (min-width: 600px) {
	p:has(> .iisa-search) {
		order: 1;
	}
}

.iisa-search__open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--wp--preset--color--iisa-primary);
	cursor: pointer;
}

.iisa-search__open:hover,
.iisa-search__open:focus-visible {
	opacity: 0.7;
}

/* 検索画面（アニメーションなし） */

.iisa-search__dialog {
	width: min(700px, calc(100% - 32px));
	max-width: none;
	margin: auto;
	padding: 0;
	border: 0;
	background: transparent;
	overflow: visible;
}

.iisa-search__dialog::backdrop {
	background: rgba(15, 30, 60, 0.88);
}

.iisa-search__panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.iisa-search__close {
	align-self: flex-end;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
	cursor: pointer;
}

.iisa-search__close:hover,
.iisa-search__close:focus-visible {
	opacity: 0.7;
}

.iisa-search__dialog .wp-block-search__input {
	background-color: #fff;
	font-size: 1.125rem;
}