/* ============================================================
   AAFE Mega Menu - Frontend CSS
   ============================================================ */

/* ─── Parent menu item needs relative positioning ─── */
.menu-item.aafe-mega-menu-item,
li.aafe-mega-menu-item {
	position: relative !important;
}

/* ─── The mega menu panel ─── */
.aafe-mega-menu-panel {
	display: none;
	position: absolute;
	top: 100%;
	z-index: 9999;
	background: transparent;
	max-width: none !important;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 15px;
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	pointer-events: none;
}

/* ─── Custom Minimal Scrollbar for Mega Menu ─── */
.aafe-mega-menu-panel::-webkit-scrollbar {
	width: 6px;
}
.aafe-mega-menu-panel::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.02);
	border-radius: 8px;
}
.aafe-mega-menu-panel::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}
.aafe-mega-menu-panel::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.25);
}

.aafe-mega-menu-panel.aafe-mega-menu-panel--open {
	display: block;
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.aafe-mega-menu-panel__inner {
	width: 100%;
}

/* ─── Trigger arrow for items with mega menu ─── */
.aafe-mega-trigger {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid currentColor;
	vertical-align: middle;
	transition: transform 0.2s ease;
}

.menu-item.aafe-mega-active > a .aafe-mega-trigger,
.menu-item:has(.aafe-mega-menu-panel--open) .aafe-mega-trigger {
	transform: rotate(180deg);
}

/* ─── Accessibility: hide standard sub-menus when mega menu is active ─── */
.menu-item:has(.aafe-mega-menu-panel) > .sub-menu {
	display: none !important;
}

/* ─── Mobile: disable mega menu (show as normal) ─── */
@media (max-width: 1024px) {
	/* Hide by default, but allow .is-mobile container to override via JS */
	.aafe-mega-menu-panel {
		display: none;
	}
}