Ask ingredion AI Implementation

blocks/header/header.css

@@ -1056,3 +1056,19 @@ header nav.category > ul > li > a:focus-visible {
   outline: 2px solid var(--green);
   outline-offset: 2px;
 }
+
+/*Ask Ingredion link fix */
+header a[href="https://ask-usca.ingredion.com"],
+header a[href="https://asktest-usca.ingredion.com"],
+header a[href="https://ask-emea.ingredion.com"],
+header a[href="https://asktest-emea.ingredion.com"]{
+  color: inherit !important;
+  text-decoration: none !important;
+}
+header a[href="https://ask-usca.ingredion.com"]:hover,
+header a[href="https://asktest-usca.ingredion.com"]:hover,
+header a[href="https://ask-emea.ingredion.com"]:hover,
+header a[href="https://asktest-emea.ingredion.com"]:hover {
+  color: var(--green) !important;
+}
+

blocks/header/header.js

@@ -693,7 +693,7 @@
           filterAndDisplayResults($searchInput.value.trim());
         }
       } catch (error) {
         console.error('Error fetching typeahead data:', error);
       }
     }
   });
@@ -789,6 +789,13 @@
         ),
       );
       await buildDropdownsMobile($header);
+      const mobileAskLinks = $header.querySelectorAll('.mobile-menu a');
+      mobileAskLinks.forEach((link) => {
+        if (link.textContent?.includes('Ask Ingredion')) {
+          link.target = '_blank';
+          link.rel = 'noopener noreferrer';
+        }
+      });
     } else {
       document.body.classList.remove('menu-open');
       $header.append(
@@ -807,9 +814,15 @@
         $navCategory.cloneNode(true),
       );
       await buildDropdownsDesktop($header);
+      // Ensure "Ask Ingredion" link opens in a new tab
+      const askLink = [...$header.querySelectorAll('a')]
+        .find((ask) => ask.textContent.includes('Ask Ingredion'));
+      if (askLink) {
+        askLink.target = '_blank';
+        askLink.rel = 'noopener noreferrer';
+      }
     }
   }
-
   handleView();
   isMobile.addEventListener('change', handleView);
 }