/* =============================================================
   sykimlaw header — parts/header.html 전용 스타일
   ============================================================= */

/* z-index: sticky header가 콘텐츠 위에 오도록 */
.sykimlaw-header {
	z-index: 100;
}

/* 스크롤 후 elevation (JS .is-scrolled 클래스 부여 시) */
.sykimlaw-header.is-scrolled {
	box-shadow: 0 2px 24px rgba(0, 0, 0, 0.20);
	transition: box-shadow 0.2s ease;
}

/* ── 네비게이션 링크 ── */
.sykimlaw-header__nav .wp-block-navigation-item > a,
.sykimlaw-header__nav .wp-block-navigation-item__content {
	color: var(--wp--preset--color--white) !important;
	opacity: 0.82;
	transition: opacity 0.15s ease;
}

.sykimlaw-header__nav .wp-block-navigation-item > a:hover,
.sykimlaw-header__nav .wp-block-navigation-item.current-menu-item > a {
	opacity: 1;
}

/* ── 서브메뉴 드롭다운 ── */
.sykimlaw-header .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--navy-900);
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	min-width: 14rem;
}

.sykimlaw-header .wp-block-navigation__submenu-container a {
	color: var(--wp--preset--color--white) !important;
	opacity: 0.82;
}

.sykimlaw-header .wp-block-navigation__submenu-container a:hover {
	color: var(--wp--preset--color--gold-500) !important;
	opacity: 1;
}

/* ── 헤더 CTA 버튼 (outline) ── */
.sykimlaw-cta-header .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, 0.08);
}

/* ── 모바일 메뉴 토글 버튼 색상 ── */
.sykimlaw-header .wp-block-navigation__responsive-container-open svg,
.sykimlaw-header .wp-block-navigation__responsive-container-close svg {
	fill: var(--wp--preset--color--white);
}