Change Header Color on Cart Page Only

Hi all,

I've used a piece of custom code to make the Shop and Product Pages on my website have black header backgrounds, and white text - this is due to the header including a logo which requires a dark background to be seen. The code I'm using is:

body.collection-type-products .header .header-announcement-bar-wrapper {
  background-color: black}

body.collection-type-products.view-item .header-announcement-bar-wrapper * {
    color: white !important;
}

However, this code is not applying to the Cart Page. From some other threads, I've seen suggestions on how to accomplish this effect on the Cart Page; however, none of the code seems to be working for me. Have I done something wrong with another piece of code?

Website is: https://chamber-orchestra-demo.squarespace.com/

PW is: ChamOrch

Thanks,