/* HRN Core — Mega Menu panels (desktop). On phones the normal menu list is used. */
.hrn-mega__text { display: flex; flex-direction: column; min-width: 0; text-align: left; }
.hrn-mega__desc,
.hrn-mega .wp-block-navigation-item__description {
	display: block; text-transform: none; letter-spacing: 0; font-weight: 400;
	font-size: 13px; line-height: 1.35; color: var(--wp--preset--color--muted, #A39A88); margin-top: 2px;
}
.hrn-mega__desc.is-airtime { font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace); font-size: 12px; color: var(--wp--preset--color--gold, #C9A84C); }
.hrn-mega__img { display: none; }

@media (min-width: 600px) {
	/* Only while open: core keeps closed dropdowns at zero size. */
	.wp-block-navigation .hrn-mega:hover > .hrn-mega__panel,
	.wp-block-navigation .hrn-mega:focus-within > .hrn-mega__panel,
	.wp-block-navigation .hrn-mega > .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .hrn-mega__panel {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(220px, 1fr));
		gap: 4px;
		width: min(560px, 92vw) !important;
		padding: 10px !important;
	}
	.wp-block-navigation .hrn-mega__panel > .wp-block-navigation-item > .wp-block-navigation-item__content {
		display: flex !important; align-items: center; gap: 12px;
		padding: 10px 12px !important; border-radius: 10px; white-space: normal; text-align: left !important;
	}
	.wp-block-navigation .hrn-mega__panel > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
		background: rgba(201, 168, 76, 0.10);
	}
	.hrn-mega__panel .hrn-mega__img {
		display: block; flex: none; width: 48px; height: 48px; border-radius: 10px; overflow: hidden;
		background: var(--wp--preset--color--card, #15161B); border: 1px solid var(--wp--preset--color--line, #2C2F38);
	}
	.hrn-mega__panel .hrn-mega__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
	.hrn-mega__panel .hrn-mega__img--none { background: linear-gradient(135deg, #1A5C2A, #C9A84C 55%, #6B1F2A); opacity: .55; }
	/* A dropdown inside a panel (e.g. Shows under About Us) opens to the side as usual. */
	.hrn-mega__panel .has-child > .wp-block-navigation__submenu-container { left: 100%; top: 0; }
}

/* Mobile overlay menu: plain list, no pictures. */
.wp-block-navigation__responsive-container.is-menu-open .hrn-mega__img { display: none !important; }