/**
 * NOMA Elementor megamenu (hover + desktop panel).
 *
 * Способ 1 — Внешний вид → Меню: у пункта верхнего уровня выбрать шаблон Elementor
 * (тема выводит .noma-mega-wrap / .noma-mega через Walker).
 *
 * Способ 2 — вручную в Theme Builder: обёртка "noma-mega-wrap", блок шаблона "noma-mega".
 *
 * Breakpoint совпадает с типичным tablet Elementor (1024px).
 */

.noma-mega-wrap {
	position: relative;
}

.noma-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 1.2rem;
}

.noma-menu__list > li > a {
	display: inline-block;
	text-decoration: none;
}

.noma-mega {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100000;
	min-width: min(100vw - 2rem, 72rem);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity 0.25s ease,
		visibility 0.25s ease;
	box-shadow: 0 24px 48px rgba(0, 0, 0, 0.12);
}

.noma-mega-wrap:hover .noma-mega,
.noma-mega-wrap:focus-within .noma-mega {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Ручное мегаменю или пункт меню: дочерние пункты скрываем, контент только из шаблона. */
li.noma-menu-item-has-mega > ul.sub-menu {
	display: none !important;
}

/* Дублирующее меню для моб. навбара: панель не показываем (остаётся ссылка верхнего уровня). */
.site-navigation-dropdown .noma-mega-wrap > .noma-mega {
	display: none !important;
}

@media (max-width: 1024px) {
	/* Не прячем всю обёртку — внутри ссылка. Прячем только выпадающую панель. */
	.noma-mega-wrap .noma-mega {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}