0/**
 * LECA Mega × Total(WPEX) — 드롭다운·stretch·패널 너비·모바일 어댑터.
 * core: frontend-nav-menu.css
 */

/* Total / WPEX Superfish·hover dropdown — display:none 이면 visibility 토글이 무효 */
.sf-menu .menu-item-has-mega > .sub-menu,
.wpex-dropdown-menu .menu-item-has-mega > .sub-menu {
	display: block;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* LECA Mega — hover 이동 시 opacity 재전환·Superfish 충돌로 인한 깜빡임 방지 */
.sf-menu .menu-item-has-mega > .sub-menu.leca-mega-panel,
.wpex-dropdown-menu .menu-item-has-mega > .sub-menu.leca-mega-panel {
	transition: none !important;
}

/* 호버 애니메이션 패널 — 닫힘 상태만 숨김 (closing 중에는 WAAPI 역방향 재생) */
.menu-item-has-mega:not(:hover):not(:focus-within):not(.active):not(.sfHover):not(.leca-mega-is-open):not(.leca-mega-is-closing) > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.wpex-dropdown-menu .menu-item-has-mega:not(:hover):not(:focus-within):not(.active):not(.sfHover):not(.leca-mega-is-open):not(.leca-mega-is-closing) > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"] {
	display: grid !important;
	gap: 0.5rem 1.5rem;
	visibility: hidden;
	opacity: 0 !important;
	pointer-events: none;
}

.menu-item-has-mega:not(:hover):not(:focus-within):not(.active):not(.sfHover):not(.leca-mega-is-open):not(.leca-mega-is-closing) > .sub-menu.leca-mega-panel--motion-shell[class*="leca-mega-panel--hover-"],
.wpex-dropdown-menu .menu-item-has-mega:not(:hover):not(:focus-within):not(.active):not(.sfHover):not(.leca-mega-is-open):not(.leca-mega-is-closing) > .sub-menu.leca-mega-panel--motion-shell[class*="leca-mega-panel--hover-"] {
	display: block !important;
	gap: 0;
}

.sf-menu .menu-item-has-mega.sfHover > .sub-menu:not(.leca-mega-panel--motion-shell),
.sf-menu .menu-item-has-mega:hover > .sub-menu:not(.leca-mega-panel--motion-shell),
.sf-menu .menu-item-has-mega:focus-within > .sub-menu:not(.leca-mega-panel--motion-shell),
.wpex-dropdown-menu .menu-item-has-mega.sfHover > .sub-menu:not(.leca-mega-panel--motion-shell),
.wpex-dropdown-menu .menu-item-has-mega.active > .sub-menu:not(.leca-mega-panel--motion-shell),
.wpex-dropdown-menu--onhover .menu-item-has-mega.sfHover > .sub-menu:not(.leca-mega-panel--motion-shell),
.wpex-dropdown-menu--onhover .menu-item-has-mega:hover > .sub-menu:not(.leca-mega-panel--motion-shell),
.wpex-dropdown-menu--onhover .menu-item-has-mega:focus-within > .sub-menu:not(.leca-mega-panel--motion-shell),
.wpex-dropdown-menu--onclick .menu-item-has-mega.active > .sub-menu:not(.leca-mega-panel--motion-shell) {
	display: grid !important;
	visibility: visible !important;
	opacity: 1 !important;
	gap: 0.5rem 1.5rem;
}

/* Motion shell — visibility만 즉시, opacity/translate는 WAAPI로 shell+내용 동시 */
.sf-menu .menu-item-has-mega.sfHover > .sub-menu.leca-mega-panel--motion-shell,
.sf-menu .menu-item-has-mega:hover > .sub-menu.leca-mega-panel--motion-shell,
.sf-menu .menu-item-has-mega:focus-within > .sub-menu.leca-mega-panel--motion-shell,
.wpex-dropdown-menu .menu-item-has-mega.sfHover > .sub-menu.leca-mega-panel--motion-shell,
.wpex-dropdown-menu .menu-item-has-mega.active > .sub-menu.leca-mega-panel--motion-shell,
.wpex-dropdown-menu--onhover .menu-item-has-mega.sfHover > .sub-menu.leca-mega-panel--motion-shell,
.wpex-dropdown-menu--onhover .menu-item-has-mega:hover > .sub-menu.leca-mega-panel--motion-shell,
.wpex-dropdown-menu--onhover .menu-item-has-mega:focus-within > .sub-menu.leca-mega-panel--motion-shell,
.wpex-dropdown-menu--onclick .menu-item-has-mega.active > .sub-menu.leca-mega-panel--motion-shell,
.menu-item-has-mega.leca-mega-is-open > .sub-menu.leca-mega-panel--motion-shell,
.menu-item-has-mega:hover > .sub-menu.leca-mega-panel--motion-shell,
.menu-item-has-mega:focus-within > .sub-menu.leca-mega-panel--motion-shell {
	display: block !important;
	visibility: visible !important;
	pointer-events: auto;
	gap: 0;
	opacity: 0;
}

.menu-item-has-mega > .sub-menu.leca-mega-panel--motion-shell.leca-mega-motion-visible {
	opacity: 1 !important;
}

/* 닫힘 역방향 애니메이션 — visibility만 유지, opacity/translate는 WAAPI */
.menu-item-has-mega.leca-mega-is-closing > .sub-menu.leca-mega-panel--motion-shell[class*="leca-mega-panel--hover-"],
.wpex-dropdown-menu .menu-item-has-mega.leca-mega-is-closing > .sub-menu.leca-mega-panel--motion-shell[class*="leca-mega-panel--hover-"] {
	display: block !important;
	visibility: visible !important;
	pointer-events: none !important;
}

/* JS force-close — sfHover 잔류 시에도 호버 아웃 후 숨김 */
.menu-item-has-mega > .sub-menu.leca-mega-panel--force-closed,
.sf-menu .menu-item-has-mega.sfHover > .sub-menu.leca-mega-panel--motion-shell.leca-mega-panel--force-closed,
.sf-menu .menu-item-has-mega:hover > .sub-menu.leca-mega-panel--motion-shell.leca-mega-panel--force-closed,
.wpex-dropdown-menu .menu-item-has-mega.sfHover > .sub-menu.leca-mega-panel--motion-shell.leca-mega-panel--force-closed,
.wpex-dropdown-menu .menu-item-has-mega:hover > .sub-menu.leca-mega-panel--motion-shell.leca-mega-panel--force-closed,
.wpex-dropdown-menu--onhover .menu-item-has-mega.sfHover > .sub-menu.leca-mega-panel--motion-shell.leca-mega-panel--force-closed {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.menu-item-has-mega:hover > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"]:not(.leca-mega-panel--motion-shell),
.menu-item-has-mega:focus-within > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.sf-menu .menu-item-has-mega.sfHover > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.sf-menu .menu-item-has-mega:hover > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.sf-menu .menu-item-has-mega:focus-within > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.wpex-dropdown-menu .menu-item-has-mega.sfHover > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.wpex-dropdown-menu .menu-item-has-mega.active > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.wpex-dropdown-menu--onhover .menu-item-has-mega.sfHover > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.wpex-dropdown-menu--onhover .menu-item-has-mega:hover > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.wpex-dropdown-menu--onhover .menu-item-has-mega:focus-within > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"],
.wpex-dropdown-menu--onclick .menu-item-has-mega.active > .sub-menu.leca-mega-panel[class*="leca-mega-panel--hover-"] {
	will-change: transform, opacity;
}

/* Total header-one megaMenusTop() top 덮어쓰기 방지 */
#site-header.header-one #site-navigation-wrap.wpex-stretch-megamenus .megamenu > .sub-menu.leca-mega-panel {
	top: 100% !important;
}

.wpex-stretch-megamenus .menu-item-has-mega > .sub-menu {
	min-width: 28rem;
}

/* Panel width — WPEX dropmenu max-width(320px) 우회 */
.main-navigation-ul.wpex-dropdown-menu .menu-item-has-mega > .sub-menu.leca-mega-panel,
#site-header .wpex-dropdown-menu .menu-item-has-mega > .sub-menu.leca-mega-panel {
	max-width: none !important;
}

.menu-item-has-mega.mega-panel-width-default > .sub-menu.leca-mega-panel {
	min-width: 16rem;
	width: max-content !important;
}

/* Site / full — stretch·비-stretch 공통 */
.main-navigation-ul .menu-item-has-mega.mega-panel-width-site,
.main-navigation-ul .menu-item-has-mega.mega-panel-width-full,
#site-header .main-navigation-ul .menu-item-has-mega.mega-panel-width-site,
#site-header .main-navigation-ul .menu-item-has-mega.mega-panel-width-full {
	position: static;
}

.main-navigation-ul .menu-item-has-mega.mega-panel-width-site > .sub-menu.leca-mega-panel,
.main-navigation-ul .menu-item-has-mega.mega-panel-width-full > .sub-menu.leca-mega-panel,
#site-header .main-navigation-ul .menu-item-has-mega.mega-panel-width-site > .sub-menu.leca-mega-panel,
#site-header .main-navigation-ul .menu-item-has-mega.mega-panel-width-full > .sub-menu.leca-mega-panel {
	left: 0 !important;
	right: auto !important;
	transform: none !important;
}

.wpex-stretch-megamenus .menu-item-has-mega.mega-panel-width-default > .sub-menu.leca-mega-panel {
	min-width: 28rem;
}

/* 헤더 2~6 — container 기준 site/full (stretch 없음) */
.leca-nav-profile-total-classic-no-stretch .main-navigation.container .menu-item-has-mega.mega-panel-width-site,
.leca-nav-profile-total-classic-no-stretch .main-navigation.container .menu-item-has-mega.mega-panel-width-full {
	position: static;
}

/* Header Builder — Horizontal Menu */
.leca-nav-profile-total-builder #site-header .menu-item-has-mega.mega-panel-width-site,
.leca-nav-profile-total-builder #site-header .menu-item-has-mega.mega-panel-width-full {
	position: static;
}

.leca-nav-profile-total-builder #site-header .menu-item-has-mega.mega-panel-width-site > .sub-menu.leca-mega-panel,
.leca-nav-profile-total-builder #site-header .menu-item-has-mega.mega-panel-width-full > .sub-menu.leca-mega-panel {
	left: 0 !important;
	right: auto !important;
	transform: none !important;
}

/* Sidr — mega 데스크톱 레이아웃만 리셋 (display/height/transition 은 Total Sidr 아코디언에 위임) */
html.leca-mega-viewport-mobile #sidr-main .sidr-class-menu-item-has-mega > .sidr-class-sub-menu,
html.leca-mega-viewport-mobile #sidr-main .menu-item-has-mega > .sub-menu {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 0 0 1rem !important;
	box-shadow: none !important;
	border: 0 !important;
	gap: 0 !important;
	transform: none !important;
	translate: none !important;
	filter: none !important;
}

#sidr-main .sidr-class-menu-item-has-mega > .sidr-class-sub-menu > .sidr-class-mega-block,
#sidr-main .sidr-class-menu-item-has-mega > .sidr-class-sub-menu > .sidr-class-menu-item,
#sidr-main .sidr-class-menu-item-has-mega > .sidr-class-sub-menu > .sidr-class-mega-column,
#sidr-main .menu-item-has-mega > .sub-menu > .mega-block,
#sidr-main .menu-item-has-mega > .sub-menu > .menu-item,
#sidr-main .menu-item-has-mega > .sub-menu > .mega-column,
#sidr-main .menu-item-has-mega .sidr-class-leca-mega-panel__motion-grid > .sidr-class-mega-block,
#sidr-main .menu-item-has-mega .sidr-class-leca-mega-panel__motion-grid > .sidr-class-menu-item,
#sidr-main .menu-item-has-mega .sidr-class-leca-mega-panel__motion-grid > .sidr-class-mega-column {
	grid-column: auto !important;
	grid-row: auto !important;
}

html.leca-mega-viewport-mobile #sidr-main .sidr-class-mega-column,
html.leca-mega-viewport-mobile #sidr-main .mega-column {
	display: block !important;
	list-style: none !important;
}

/* 모바일 — Full screen overlay (Total 아코디언 display/height 에 위임) */
.full-screen-overlay-nav-menu .menu-item-has-mega > .sub-menu {
	position: static;
	box-shadow: none;
	border: 0;
	padding: 0 0 0 1rem;
}

.full-screen-overlay-nav-menu .menu-item-has-mega > .sub-menu > .mega-block,
.full-screen-overlay-nav-menu .menu-item-has-mega > .sub-menu > .menu-item,
.full-screen-overlay-nav-menu .menu-item-has-mega > .sub-menu > .mega-column {
	grid-column: auto !important;
	grid-row: auto !important;
}

/* 모바일 — Toggle variants */
.mobile-toggle-nav-ul .menu-item-has-mega > .sub-menu {
	position: static;
	box-shadow: none;
	border: 0;
}

/* Mobile viewport — 숨김 소스 nav만 mega desktop CSS 무력화 (#sidr-main 제외) */
html.leca-mega-viewport-mobile #site-navigation .menu-item-has-mega > .sub-menu.leca-mega-panel,
html.leca-mega-viewport-mobile #site-header .main-navigation-ul .menu-item-has-mega > .sub-menu.leca-mega-panel,
html.leca-mega-viewport-mobile .wpex-dropdown-menu .menu-item-has-mega > .sub-menu.leca-mega-panel {
	display: none !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 0 0 1rem !important;
	transform: none !important;
	translate: none !important;
	filter: none !important;
	box-shadow: none !important;
	border: 0 !important;
	gap: 0 !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

html.leca-mega-viewport-mobile #site-navigation .menu-item-has-mega.active > .sub-menu.leca-mega-panel,
html.leca-mega-viewport-mobile #site-navigation .menu-item-has-mega.sidr-class-active > .sub-menu.leca-mega-panel {
	display: block !important;
}

html.leca-mega-viewport-mobile #site-navigation .menu-item-has-mega > .sub-menu.leca-mega-panel .mega-column,
html.leca-mega-viewport-mobile #site-navigation .menu-item-has-mega > .sub-menu.leca-mega-panel .mega-block,
html.leca-mega-viewport-mobile #site-navigation .menu-item-has-mega > .sub-menu.leca-mega-panel .menu-item,
html.leca-mega-viewport-mobile #site-navigation .menu-item-has-mega > .sub-menu.leca-mega-panel .leca-mega-panel__motion-grid > * {
	grid-column: auto !important;
	grid-row: auto !important;
	display: block !important;
	opacity: 1 !important;
	translate: none !important;
	transform: none !important;
}
