/**
 * Global Mega Menu Dropdown Fix & Theme CSS Cleanup
 * Date: 2026-01-07
 * 
 * This file:
 * 1. Fixes icon box styling in all Jet Menu mega menu dropdowns across ALL pages:
 *    - Icon and text on same line (flex-direction: row)
 *    - Text color blue instead of red
 *    - Text aligned to left
 *    - Reduced spacing within items
 * 
 * 2. Disables unused theme menu CSS (since site uses Jet Menu plugin):
 *    - Hides unused .site-navigation styles
 *    - Prevents conflicts with Jet Menu
 * 
 * This ensures consistency across homepage, blog page, and all other pages.
 */

/* ============================================
   DISABLE UNUSED THEME MENU CSS
   ============================================
   Since the site uses Jet Menu plugin (not theme's default menu),
   we disable the unused theme menu CSS to prevent conflicts and reduce CSS bloat.
   
   Note: The theme's header-footer.css contains ~40-50% unused menu CSS
   that is not needed when using Jet Menu plugin.
*/

/* Hide unused theme navigation when Jet Menu is present */
/* This prevents the theme's default menu CSS from interfering */
.site-header .site-navigation:not(.jet-mega-menu),
.site-header .site-navigation-toggle-holder:not(.jet-mega-menu-toggle-holder),
.site-header .site-navigation-toggle:not(.jet-mega-menu-toggle),
.site-header .site-navigation-dropdown:not(.jet-mega-menu-dropdown) {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
}

/* ============================================
   JET MENU MEGA MENU FIXES
   ============================================
*/

/* Fix icon box layout in mega menu dropdowns - icon and text on same line */
.jet-mega-menu-mega-container .elementor-icon-box-wrapper,
.jet-mega-menu-mega-container__inner .elementor-icon-box-wrapper,
.jet-sub-mega-menu .elementor-icon-box-wrapper,
.jet-mega-menu-mega-container .elementor-widget-icon-box .elementor-icon-box-wrapper,
.jet-mega-menu-mega-container__inner .elementor-widget-icon-box .elementor-icon-box-wrapper {
	display: flex !important;
	flex-direction: row !important;
	align-items: start !important;
	gap: 5px !important;
	text-align: left !important;
}

/* Fix icon box content alignment */
.jet-mega-menu-mega-container .elementor-icon-box-content,
.jet-mega-menu-mega-container__inner .elementor-icon-box-content,
.jet-sub-mega-menu .elementor-icon-box-content,
.jet-mega-menu-mega-container .elementor-widget-icon-box .elementor-icon-box-content,
.jet-mega-menu-mega-container__inner .elementor-widget-icon-box .elementor-icon-box-content {
	text-align: left !important;
}

/* Fix icon box title color - blue instead of red (applies to all pages) */
.jet-mega-menu-mega-container .elementor-icon-box-title,
.jet-mega-menu-mega-container__inner .elementor-icon-box-title,
.jet-sub-mega-menu .elementor-icon-box-title,
.jet-mega-menu-mega-container .elementor-icon-box-title a,
.jet-mega-menu-mega-container__inner .elementor-icon-box-title a,
.jet-sub-mega-menu .elementor-icon-box-title a,
.jet-mega-menu-mega-container .elementor-widget-icon-box .elementor-icon-box-title,
.jet-mega-menu-mega-container__inner .elementor-widget-icon-box .elementor-icon-box-title,
.jet-mega-menu-mega-container .elementor-widget-icon-box .elementor-icon-box-title a,
.jet-mega-menu-mega-container__inner .elementor-widget-icon-box .elementor-icon-box-title a {
	color: var(--e-global-color-4fd336f) !important;
}

/* Fix hover and focus states */
.jet-mega-menu-mega-container .elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.jet-mega-menu-mega-container__inner .elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.jet-mega-menu-mega-container .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title,
.jet-mega-menu-mega-container__inner .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title,
.jet-sub-mega-menu .elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.jet-sub-mega-menu .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title {
	color: var(--e-global-color-4fd336f) !important;
}

/* Reduce spacing within icon box items in mega menu */
.jet-mega-menu-mega-container .elementor-widget-icon-box > .elementor-widget-container,
.jet-mega-menu-mega-container__inner .elementor-widget-icon-box > .elementor-widget-container,
.jet-sub-mega-menu .elementor-widget-icon-box > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
}

/* Reduce line-height on descriptions to minimize vertical spacing */
.jet-mega-menu-mega-container .elementor-icon-box-description,
.jet-mega-menu-mega-container__inner .elementor-icon-box-description,
.jet-sub-mega-menu .elementor-icon-box-description,
.jet-mega-menu-mega-container .elementor-widget-icon-box .elementor-icon-box-description,
.jet-mega-menu-mega-container__inner .elementor-widget-icon-box .elementor-icon-box-description {
	line-height: 1.1em !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Reduce line-height on titles */
.jet-mega-menu-mega-container .elementor-icon-box-title,
.jet-mega-menu-mega-container__inner .elementor-icon-box-title,
.jet-sub-mega-menu .elementor-icon-box-title,
.jet-mega-menu-mega-container .elementor-widget-icon-box .elementor-icon-box-title,
.jet-mega-menu-mega-container__inner .elementor-widget-icon-box .elementor-icon-box-title {
	line-height: 1.2em !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}