Enhance styling for product pricing and flags; improve contrast for high-contrast mode

- Added padding and font size adjustments for discount percentages and product flags.
- Consolidated product-related styles under a single selector for better organization.
- Updated color styles for content wrapper, ensuring text is readable against dark backgrounds.
- Improved styling for the amazzing filter component to enhance visibility and accessibility.

themes/InterBlue/assets/css/custom.scss

@@ -1061,6 +1061,22 @@ body.high-contrast {
     background: #000;
   }
 
+  .product-price-and-shipping {
+    .discount-percentage {
+      padding: 10px !important;
+      font-size: 14px !important;
+    }
+  }
+
+  .product-flags {
+
+    .new,
+    .on-sale {
+      padding: 10px !important;
+      font-size: 14px !important;
+    }
+  }
+
   #left-column {
     #search_filters_brands {
       background: #000;
@@ -1102,20 +1118,8 @@ body.high-contrast {
     }
   }
 
-  .products {
-    .product-price-and-shipping {
-      .discount-percentage {
-        padding: 10px !important;
-        font-size: 14px;
-      }
-    }
-
-    .product-flags {
-      .new {
-        padding: 10px !important;
-        font-size: 14px;
-      }
-    }
+  .products,
+  #products {
 
     .thumbnail-container {
       background: #000 !important;
@@ -1309,4 +1313,44 @@ body.high-contrast {
       }
     }
   }
+
+  #content-wrapper {
+    color: #FFF;
+
+    h1 {
+      color: #FFF !important;
+    }
+
+    #products {
+      p {
+        color: #FFF !important;
+      }
+
+      .products-sort-order {
+        button {
+          color: #000;
+          border: 0 !important;
+        }
+
+        .dropdown-menu {
+          background: #FFF;
+        }
+      }
+    }
+  }
+
+  #amazzing_filter {
+    background: #000 !important;
+    color: #FFF;
+    border: 1px solid #FFF !important;
+
+    .af_subtitle {
+      color: #FFF !important
+    }
+
+    label,
+    .label {
+      color: #FFF !important;
+    }
+  }
 }