From a4af563d75790bfba332b1c70285d414db6dfa68 Mon Sep 17 00:00:00 2001
From: sabrina-bongiovanni
 <116291154+sabrina-bongiovanni@users.noreply.github.com>
Date: Fri, 23 Feb 2024 09:23:26 +0100
Subject: [PATCH] fix: link styles for mobile menu in subsites (#551)

---
 RELEASE.md                                          |  1 +
 .../ItaliaTheme/Components/_parentSiteMenu.scss     |  2 +-
 src/theme/ItaliaTheme/Subsites/_mixin.scss          |  2 +-
 .../bootstrap-italia/custom/_headerslim.scss        |  4 ++--
 .../bootstrap-italia/custom/_navigation.scss        | 13 +++++++++++++
 5 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index da7ebaca0..f81332d82 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -46,6 +46,7 @@
 ### Fix
 
 - La descrizione nelle card per i punti di contatto non mostrano più tutte le iniziali in maiuscolo.
+- Il colore dei link nel menu mobile è ora accessibile per tutti i temi.
 
 ## Versione 11.5.1 (19/02/2024)
 
diff --git a/src/theme/ItaliaTheme/Components/_parentSiteMenu.scss b/src/theme/ItaliaTheme/Components/_parentSiteMenu.scss
index e67e00953..f17d9a959 100644
--- a/src/theme/ItaliaTheme/Components/_parentSiteMenu.scss
+++ b/src/theme/ItaliaTheme/Components/_parentSiteMenu.scss
@@ -39,7 +39,7 @@
       margin-top: 1.5rem;
       margin-bottom: 1.5rem;
       margin-left: 1.5rem;
-      background: rgba(92, 111, 130, 0.5);
+      background: rgba($primary, 0.5);
       content: '';
     }
 
diff --git a/src/theme/ItaliaTheme/Subsites/_mixin.scss b/src/theme/ItaliaTheme/Subsites/_mixin.scss
index 4c6a8559c..d0392abcb 100644
--- a/src/theme/ItaliaTheme/Subsites/_mixin.scss
+++ b/src/theme/ItaliaTheme/Subsites/_mixin.scss
@@ -70,7 +70,7 @@
       );
       @include bs-brandtext.text($subsite-primary, $subsite-primary-text);
       @include bs-headernavbar.navbar($subsite-primary);
-      @include bs-headerslim.header($subsite-primary-text);
+      @include bs-headerslim.header($subsite-primary-text, $subsite-link-color);
       @include bs-navigation.nav(
         $subsite-light-theme,
         $subsite-primary,
diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headerslim.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headerslim.scss
index dd6cc8245..73e2961ad 100644
--- a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headerslim.scss
+++ b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_headerslim.scss
@@ -1,6 +1,6 @@
 @use '../../all_variables' as *;
 
-@mixin header($subsite-primary-text) {
+@mixin header($subsite-primary-text, $subsite-link-color) {
   &.cms-ui .public-ui {
     .it-header-slim-wrapper {
       .it-header-slim-wrapper-content {
@@ -34,7 +34,7 @@
     .parent-site-menu {
       li.nav-item {
         a.nav-link {
-          color: $subsite-primary-text;
+          color: $subsite-link-color;
         }
       }
     }
diff --git a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss
index 0f279f1a8..c5836b3e2 100644
--- a/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss
+++ b/src/theme/ItaliaTheme/Subsites/bootstrap-italia/custom/_navigation.scss
@@ -132,9 +132,22 @@
         .navbar-nav {
           li a.nav-link {
             font-size: 16px;
+            color: $subsite-link-color;
+
+            &.active {
+              border-left-color: $subsite-link-color;
+            }
+
+            svg {
+              fill: $subsite-link-color !important;
+            }
           }
         }
 
+        .it-socials ul li .icon {
+          fill: $subsite-link-color;
+        }
+
         .link-list-wrapper {
           ul li {
             a {