fix(header): scope condense-inactive box-shadow removal to md only

Author: OS-susmitabhowmik

core/src/components/header/header.common.scss

@@ -67,15 +67,6 @@ ion-header ion-toolbar:first-of-type {
   padding-bottom: 13px;
 }
 
-/**
- * When the condense header is active (large title visible),
- * the main header's toolbar background fades in/out via --opacity-scale.
- * Also remove box-shadow so the main header blends with the condense header.
- */
-.header-collapse-condense-inactive:not(.header-collapse-condense) {
-  box-shadow: none;
-}
-
 .header-collapse-main {
   --opacity-scale: 1;
 }

core/src/components/header/header.md.scss

@@ -16,6 +16,15 @@
   box-shadow: none;
 }
 
+/**
+ * When the condense header is active (large title visible),
+ * the main header's box-shadow should be hidden so it blends
+ * with the condense header below it.
+ */
+.header-md.header-collapse-condense-inactive:not(.header-collapse-condense) {
+  box-shadow: none;
+}
+
 /**
  * The deprecated collapse="condense" attribute is iOS-only.
  * On md, the condense header should be hidden since the JS