From b265fd94692828780438d780a668382e12e4867b Mon Sep 17 00:00:00 2001
From: Rares Munteanu <overmyheadandbody@gmail.com>
Date: Wed, 13 Dec 2023 16:29:29 +0100
Subject: [PATCH] [MWPW-140401] Adapt nav gradient link styles (#1648)

---
 libs/blocks/global-navigation/base.css            | 15 +++++++++++++++
 .../global-navigation/utilities/menu/menu.css     |  5 +++++
 2 files changed, 20 insertions(+)

diff --git a/libs/blocks/global-navigation/base.css b/libs/blocks/global-navigation/base.css
index e6a5cd0874..e1ab96e7e3 100644
--- a/libs/blocks/global-navigation/base.css
+++ b/libs/blocks/global-navigation/base.css
@@ -97,6 +97,10 @@
   left: 18px;
 }
 
+.feds-navLink[class *= '-gradient'] {
+  display: none;
+}
+
 .feds-navLink-image,
 .feds-navLink-description {
   display: none;
@@ -216,13 +220,24 @@
 
   /* Nav Link special styles for A/B test */
   .feds-navLink[class *= '-gradient'] {
+    display: flex;
     border-radius: 4px;
   }
 
+  .feds-menu-column--group .feds-navLink[class *= '-gradient'] {
+    padding-left: 8px;
+    padding-right: 8px;
+    column-gap: 8px;
+  }
+
   .feds-navLink[class *= '-gradient']:not(:first-child) {
     margin-top: 12px;
   }
 
+  .feds-menu-column--group .feds-navLink[class *= '-gradient'] picture {
+    max-width: 18px;
+  }
+
   .feds-navLink[class *= '-gradient'] .feds-navLink-title {
     column-gap: 4px;
   }
diff --git a/libs/blocks/global-navigation/utilities/menu/menu.css b/libs/blocks/global-navigation/utilities/menu/menu.css
index 39641ef7b3..969a7437c1 100644
--- a/libs/blocks/global-navigation/utilities/menu/menu.css
+++ b/libs/blocks/global-navigation/utilities/menu/menu.css
@@ -124,6 +124,11 @@
     margin-bottom: 12px;
   }
 
+  .feds-menu-column--group .feds-menu-headline {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
   .feds-menu-headline:after {
     content: none;
   }