/* EquityTimer Mega Menu — desktop only (Kadence mobile drawer untouched) */
@media (min-width: 1025px) {

	/* single-row top menu */
	.header-navigation .header-menu-container > ul.menu { flex-wrap: nowrap !important; }
	.header-navigation .header-menu-container > ul.menu > li > a {
		white-space: nowrap;
		font-size: var(--etmm-fs, 15px) !important;
		padding-left: var(--etmm-pad, 14px) !important;
		padding-right: var(--etmm-pad, 14px) !important;
	}

	/* mega panel */
	.header-navigation li.etmm-mega { position: relative; }
	.header-navigation li.etmm-mega:hover > ul.sub-menu,
	.header-navigation li.etmm-mega:focus-within > ul.sub-menu,
	.header-navigation li.etmm-mega.menu-item--toggled-on > ul.sub-menu {
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
		gap: 2px 16px;
		width: var(--etmm-w, min(var(--etmm-maxw, 1180px), calc(100vw - 24px))) !important;
		max-width: none !important;
		left: var(--etmm-left, 50%) !important;
		right: auto !important;
		top: 100% !important;
		transform: var(--etmm-tx, translateX(-50%)) !important;
		opacity: 1 !important;
		visibility: visible !important;
		clip: auto !important;
		height: auto !important;
		padding: 18px 20px !important;
		margin: 0 !important;
		background: #fff !important;
		border: 1px solid #e5e7eb !important;
		border-radius: 14px !important;
		box-shadow: 0 20px 50px rgba(15, 23, 42, .14) !important;
		z-index: 9999 !important;
	}

	/* columns */
	.header-navigation li.etmm-mega li.etmm-col {
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
		border: 0 !important;
		background: none !important;
		--c: #2563eb; --c-bg: #eff6ff;
	}
	.header-navigation li.etmm-col:nth-child(6n+2) { --c: #16a34a; --c-bg: #f0fdf4; }
	.header-navigation li.etmm-col:nth-child(6n+3) { --c: #dc2626; --c-bg: #fef2f2; }
	.header-navigation li.etmm-col:nth-child(6n+4) { --c: #7c3aed; --c-bg: #f5f3ff; }
	.header-navigation li.etmm-col:nth-child(6n+5) { --c: #d97706; --c-bg: #fffbeb; }
	.header-navigation li.etmm-col:nth-child(6n+6) { --c: #0f766e; --c-bg: #f0fdfa; }

	.header-navigation li.etmm-col > a {
		display: block !important;
		width: auto !important;
		padding: 2px 6px 8px !important;
		margin: 0 0 6px !important;
		border-bottom: 1px solid #e5e7eb !important;
		background: none !important;
		color: #64748b !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		letter-spacing: .06em;
		text-transform: uppercase;
	}
	.header-navigation li.etmm-col > a:not([href]) { cursor: default; pointer-events: none; }
	.header-navigation li.etmm-mega .sub-menu .dropdown-nav-toggle,
	.header-navigation li.etmm-mega .sub-menu .dropdown-nav-special-toggle { display: none !important; }

	.header-navigation li.etmm-col > ul.sub-menu {
		display: block !important;
		position: static !important;
		left: auto !important; top: auto !important;
		transform: none !important;
		opacity: 1 !important; visibility: visible !important; clip: auto !important;
		width: auto !important; min-width: 0 !important; height: auto !important;
		padding: 0 !important; margin: 0 !important;
		border: 0 !important; box-shadow: none !important; background: none !important;
	}
	.header-navigation li.etmm-link {
		display: block !important;
		width: auto !important;
		border: 0 !important;
		background: none !important;
		margin: 0 0 3px !important;
	}
	.header-navigation li.etmm-link > a {
		display: flex !important;
		align-items: center;
		gap: 10px;
		width: auto !important;
		padding: 7px 8px !important;
		border: 1px solid transparent !important;
		border-radius: 9px;
		background: none !important;
		color: #0f172a !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.25 !important;
		white-space: nowrap;
		text-transform: none;
	}
	.header-navigation li.etmm-link > a:hover,
	.header-navigation li.etmm-link.current-menu-item > a { background: #f1f5f9 !important; }
	.header-navigation li.etmm-new > a { background: #f0fdf4 !important; border-color: #bbf7d0 !important; }
	.header-navigation li.etmm-new > a:hover { background: #dcfce7 !important; }

	.etmm-ic {
		width: 30px; height: 30px; flex: 0 0 30px;
		display: inline-flex; align-items: center; justify-content: center;
		border-radius: 8px;
		background: var(--c-bg, #eff6ff);
		color: var(--c, #2563eb);
	}
	.etmm-ic svg { width: 17px; height: 17px; display: block; }
	.etmm-tx { overflow: hidden; text-overflow: ellipsis; }
	.etmm-badge {
		flex: 0 0 auto;
		background: #16a34a; color: #fff;
		font-size: 10px; font-weight: 700; line-height: 1;
		padding: 3px 4px; border-radius: 3px;
	}
}
