/* =========================================================
   Twenty Twenty-Five
   Mobile Navigation Optimization
========================================================= */


/* =========================================================
   기본 헤더
========================================================= */

.wp-block-site-title {
	margin: 0 !important;
	line-height: 1.2;
}

.wp-block-site-title a {
	color: inherit;
	text-decoration: none !important;
	font-weight: 700;
}


/* =========================================================
   기본 네비게이션
========================================================= */

.wp-block-navigation {
	margin-left: auto;
}

.wp-block-navigation .wp-block-navigation-item__content {
	text-decoration: none !important;
}


/* 현재 메뉴 */

.wp-block-navigation
.current-menu-item
> .wp-block-navigation-item__content {

	font-weight: 800;
}


/* =========================================================
   햄버거 버튼
========================================================= */

.wp-block-navigation__responsive-container-open {

	width: 44px;
	height: 44px;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 8px;

	border: 0;
	border-radius: 10px;

	background: transparent;

	cursor: pointer;

	box-sizing: border-box;

	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.wp-block-navigation__responsive-container-open:hover {

	background: rgba(0, 0, 0, 0.05);
}

.wp-block-navigation__responsive-container-open svg {

	width: 24px;
	height: 24px;
}


/* =========================================================
   닫기 버튼
========================================================= */

.wp-block-navigation__responsive-container-close {

	width: 44px;
	height: 44px;

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 8px;

	border-radius: 10px;

	box-sizing: border-box;

	-webkit-tap-highlight-color: transparent;
}

.wp-block-navigation__responsive-container-close svg {

	width: 24px;
	height: 24px;
}


/* =========================================================
   모바일
========================================================= */

@media (max-width: 781px) {

	/* -----------------------------------------
	   사이트 전체 가로 밀림 방지
	----------------------------------------- */

	html,
	body {

		max-width: 100%;
		overflow-x: hidden;
	}


	/* -----------------------------------------
	   헤더 높이 축소
	----------------------------------------- */

	header .wp-block-group.alignwide,
	.wp-block-template-part
	.wp-block-group.alignwide {

		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}


	/* -----------------------------------------
	   사이트 제목
	----------------------------------------- */

	.wp-block-site-title {

		max-width: calc(100vw - 95px);

		font-size: 1.08rem !important;
		line-height: 1.2 !important;

		white-space: nowrap;

		overflow: hidden;
		text-overflow: ellipsis;

		flex-shrink: 1;
		min-width: 0;
	}


	.wp-block-site-title a {

		display: block;

		overflow: hidden;
		text-overflow: ellipsis;

		white-space: nowrap;
	}


	/* -----------------------------------------
	   네비게이션
	----------------------------------------- */

	.wp-block-navigation {

		margin-left: auto;

		flex-shrink: 0;
	}


	/* -----------------------------------------
	   햄버거 버튼
	----------------------------------------- */

	.wp-block-navigation__responsive-container-open {

		width: 44px;
		height: 44px;

		padding: 8px;
	}


	/* -----------------------------------------
	   모바일 전체 메뉴
	----------------------------------------- */

	.wp-block-navigation__responsive-container.is-menu-open {

		position: fixed;

		inset: 0;

		width: 100%;
		height: 100%;

		box-sizing: border-box;

		padding-top:
			max(
				16px,
				env(safe-area-inset-top)
			);

		padding-right: 18px;

		padding-bottom:
			max(
				24px,
				env(safe-area-inset-bottom)
			);

		padding-left: 18px;

		overflow-y: auto;

		z-index: 999999;
	}


	/* -----------------------------------------
	   메뉴 내부
	----------------------------------------- */

	.wp-block-navigation__responsive-container-content {

		width: 100%;

		padding-top: 22px !important;
	}


	.wp-block-navigation__responsive-container-content
	.wp-block-navigation__container {

		width: 100%;

		display: flex;

		flex-direction: column;

		align-items: stretch !important;

		gap: 0 !important;
	}


	/* -----------------------------------------
	   메뉴 항목
	----------------------------------------- */

	.wp-block-navigation__responsive-container-content
	.wp-block-navigation-item {

		width: 100%;

		margin: 0;

		border-bottom:
			1px solid
			rgba(0, 0, 0, 0.08);
	}


	/* -----------------------------------------
	   메뉴 링크
	----------------------------------------- */

	.wp-block-navigation__responsive-container-content
	.wp-block-navigation-item__content {

		display: flex;

		width: 100%;

		min-height: 52px;

		align-items: center;

		padding: 12px 6px;

		box-sizing: border-box;

		font-size: 16px;

		font-weight: 600;

		line-height: 1.4;

		text-align: left;

		text-decoration: none !important;

		-webkit-tap-highlight-color: transparent;
	}


	.wp-block-navigation__responsive-container-content
	.wp-block-navigation-item__content:active {

		opacity: 0.65;
	}


	/* -----------------------------------------
	   현재 메뉴 강조
	----------------------------------------- */

	.wp-block-navigation__responsive-container-content
	.current-menu-item
	> .wp-block-navigation-item__content {

		font-weight: 800;
	}


	/* -----------------------------------------
	   서브메뉴
	----------------------------------------- */

	.wp-block-navigation__responsive-container-content
	.wp-block-navigation__submenu-container {

		width: 100% !important;

		margin: 0 !important;

		padding:
			0
			0
			8px
			14px !important;

		box-sizing: border-box;

		border: 0 !important;

		background: transparent !important;
	}


	.wp-block-navigation__responsive-container-content
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item {

		border-bottom: 0;
	}


	.wp-block-navigation__responsive-container-content
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {

		min-height: 44px;

		padding: 9px 6px;

		font-size: 14px;

		font-weight: 500;

		opacity: 0.82;
	}

}


/* =========================================================
   작은 모바일
========================================================= */

@media (max-width: 360px) {

	.wp-block-site-title {

		max-width: calc(100vw - 85px);

		font-size: 0.98rem !important;
	}


	.wp-block-navigation__responsive-container-open,
	.wp-block-navigation__responsive-container-close {

		width: 42px;
		height: 42px;
	}

}