/* Ensures the menu sits over the page content */
        .z-mega {
            z-index: 999; 
        }

        /* Utility class for desktop navigation links */
        .nav-link {
			font-size: 1.125rem; /* text-lg */
			color: #374151; /* text-gray-700 */
			font-weight: 500;
			display: flex;
			align-items: center;
			padding-left: 0.5rem;
			padding-right: 0.5rem;
			height: 100%;
			transition: color 0.2s ease-in-out;
		}

		.nav-link:hover {
			color: var(--brand-accent, #2563eb); /* fallback for safety */
		}
        /* --- DESKTOP Full-Width Menu Transitions --- */
        .mega-menu-content {
            opacity: 0;
            transform: translateY(-5px);
            transition: opacity 0.3s ease-out, transform 0.3s ease-out;
            pointer-events: none;
        }
        .mega-menu-content.active {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
            display: block !important;
        }

        /* --- MOBILE SIDEBAR STYLES --- */
        #mobileMenu {
            /* Full height, hidden off-screen to the left */
            transform: translateX(-100%);
            transition: transform 0.3s ease-in-out;
        }
        #mobileMenu.active {
            transform: translateX(0);
        }
        
        /* Mobile Solutions Dropdown (uses max-height for smooth open/close) */
        .mobile-dropdown-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
        }
        .mobile-dropdown-menu.active {
            /* Set to a size larger than content to ensure it opens fully */
            max-height: 500px; 
        }
        
        /* Dark overlay for mobile background */
        #mobileOverlay {
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease-in-out;
        }
        #mobileOverlay.active {
            opacity: 1;
            visibility: visible;
        }