/**
 * NOMA: ElementsKit megamenu desktop/tablet landscape tweaks.
 *
 * Goal: centered panel, dynamic top, menu color + indicator dot behavior.
 */

@media (min-width: 1025px), (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	/* Center panel like a card */
	.ekit-wid-con .elementskit-megamenu-panel {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		width: min(70vw, 1140px) !important;
		max-width: calc(100vw - 24px) !important;
		top: var(--noma-mega-top, 80px) !important;
		z-index: 9999 !important;
		background: #fff;
		border-radius: 18px;
		box-shadow: 0 24px 48px rgba(0, 0, 0, 0.12);
		overflow: hidden;
	}

	/* Menu link base */
	.ekit-wid-con .elementskit-navbar-nav > li > a.ekit-menu-nav-link {
		position: relative;
	}

	/* Indicator dot */
	.ekit-wid-con .elementskit-navbar-nav > li > a.ekit-menu-nav-link::after {
		content: "";
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: transparent;
		position: absolute;
		left: -10px;
		top: 50%;
		transform: translateY(-50%);
	}

	/* Yellow dot on item hover */
	.ekit-wid-con li.elementskit-megamenu-has:hover > a.ekit-menu-nav-link::after {
		background: #f2e500;
	}

	/* Black dot when panel hovered (set by JS) */
	.ekit-wid-con li.elementskit-megamenu-has.noma-mega-panel-hover > a.ekit-menu-nav-link::after {
		background: #000;
	}

	/* Menu text becomes black when mega is open/hovered */
	.ekit-wid-con li.elementskit-megamenu-has:hover > a.ekit-menu-nav-link,
	.ekit-wid-con li.elementskit-megamenu-has.noma-mega-panel-hover > a.ekit-menu-nav-link {
		color: #000 !important;
	}
}

/* -------------------------------------------------------------------------
   Маркер-буллет «•» перед пунктом меню: прозрачный, окрашивается при наведении.
   Глобально (все брейкпоинты) — вне media-запроса выше.
   ------------------------------------------------------------------------- */
.ekit-menu-nav-link::before {
	content: '•';
	color: transparent;
	margin-right: 8px;
	font-size: 1.5em;
	line-height: 0;
	transition: color 0.2s ease;
}

.menu-item:hover .ekit-menu-nav-link::before {
	color: #ffd700; /* жёлтый */
}

/* Конкретное меню (elementor-1373): серый маркер вместо жёлтого */
.elementor-1373 .menu-item:hover .ekit-menu-nav-link::before {
	color: #666;
}