/**
 * Mega menu theme overrides.
 *
 * Loaded after screen.css so it can override anything baked into the
 * Max Mega Menu plugin's compiled stylesheet. Targets both the
 * primary-menu and members-menu locations (both share custom_theme_1).
 *
 * Why a dedicated theme file (not the plugin's custom_css textarea):
 *   - Lives in version control so changes are reviewable in PRs.
 *   - Doesn't require running a migration on production to take effect
 *     when the theme is deployed.
 *   - Plugin updates can't reset it.
 */

/* Mega menu dropdown panel — flat surface (no gradient).
   The plugin's compiled CSS may set a panel background; this rule
   wins because it loads AFTER plugin CSS via theme enqueues.php.
   The wrapper above the dropdown stays white (handled by the plugin
   theme's container_background_* — see migration 012). */
#mega-menu-wrap-primary-menu .mega-sub-menu,
#mega-menu-wrap-members-menu .mega-sub-menu {
	background: #F4F7F8 !important;
	background-image: none !important;
}

/* Item hover/focus state — white background highlight so the item
   stands out from the off-white panel. Applies to both primary and
   members menus; covers the third-level "child" links inside the
   mega menu columns. */
#mega-menu-wrap-primary-menu .mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary-menu .mega-sub-menu li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-members-menu .mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-members-menu .mega-sub-menu li.mega-menu-item > a.mega-menu-link:focus {
	background-color: #ffffff !important;
	border-radius: 6px;
	transition: background-color 120ms ease;
}