/* ---------- Darken the bottom section block ---------- */

/* Container selector: adjust `.bottom-section` to the actual wrapper class/ID around “Search Products / My Account / Track Orders / Favorites / Shopping Bag” */
.bottom-section {
  background-color: #000 !important;
  color: #fff !important;
}

/* All text inside that section */
.bottom-section,
.bottom-section * {
  color: #fff !important;
}

/* Icons in that section—assuming they are  or  inside links or spans */
.bottom-section .icon,
.bottom-section .icon svg,
.bottom-section .icon img {
  filter: invert(100%) brightness(200%) !important;
}

/* If those links / items have specific classes (like .bottom-link) */
.bottom-section .bottom-link {
  color: #fff !important;
}

/* If the icons are background images, override them if possible */
.bottom-section .bottom-link::before {
  background-color: transparent !important;
  /* If the icon is an SVG / CSS background, you might need different rules */
}