From b5456923ff12e5fd15c1bcc02af35d0e5301f661 Mon Sep 17 00:00:00 2001
From: wen-2018 <42974891+wen-2018@users.noreply.github.com>
Date: Wed, 8 Jan 2025 14:01:00 -0400
Subject: [PATCH 1/2] make footer readable and functional for IE 11 (fix
 #15536)

---
 media/css/m24/components/footer-refresh.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/media/css/m24/components/footer-refresh.scss b/media/css/m24/components/footer-refresh.scss
index 352603da331..b3082da8bca 100644
--- a/media/css/m24/components/footer-refresh.scss
+++ b/media/css/m24/components/footer-refresh.scss
@@ -32,7 +32,7 @@ $max-footer-content-width: $content-max;
 
 // primary nav
 .moz24-footer-primary {
-    margin-bottom: $spacer-lg;
+    margin: 32px 0;
 }
 
 .moz24-footer-sections-wrapper {
@@ -76,7 +76,7 @@ $max-footer-content-width: $content-max;
 .moz24-footer-refresh-social-wrapper {
     display: flex;
     align-items: center;
-    margin-bottom: $spacer-lg;
+    margin-bottom: 32px;
 
     @media #{$mq-md} {
         flex-direction: column;
@@ -106,6 +106,7 @@ $max-footer-content-width: $content-max;
 .moz24-footer-links-social {
     margin: 0 0 0 $spacer-lg;
     display: flex;
+    background-color: #161616;
 
     @media #{$mq-md} {
         margin: 0;
@@ -173,6 +174,7 @@ $max-footer-content-width: $content-max;
     font-size: $text-body-sm;
     font-family: $primary-font;
     font-weight: 600;
+    @include bidi(((margin-right, 8px, 0), (margin-left, 0, 8px)));
 }
 
 .moz24-footer-primary-list {

From 00e76674f3612c822f51ab224f25d54aa89e1967 Mon Sep 17 00:00:00 2001
From: wen-2018 <42974891+wen-2018@users.noreply.github.com>
Date: Thu, 9 Jan 2025 09:34:40 -0400
Subject: [PATCH 2/2] add comment to clarify hard-coded value

---
 media/css/m24/components/footer-refresh.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/media/css/m24/components/footer-refresh.scss b/media/css/m24/components/footer-refresh.scss
index b3082da8bca..852d1355d02 100644
--- a/media/css/m24/components/footer-refresh.scss
+++ b/media/css/m24/components/footer-refresh.scss
@@ -106,7 +106,7 @@ $max-footer-content-width: $content-max;
 .moz24-footer-links-social {
     margin: 0 0 0 $spacer-lg;
     display: flex;
-    background-color: #161616;
+    background-color: #161616; // hard-coded value as a fallback for readability on older browsers
 
     @media #{$mq-md} {
         margin: 0;