Woocommerce lightbox background

Hi,

I’m searching for this topic for long time, but can’t find anything.
The background of the Lightbox is original black, I managed to get it white, but have problems with getting the arrows left and right and the text of the topbar in black.

This is what I tried:

.pswp__top-bar {
background-color: #fff !important;
}
.pswp__counter {
color: #000000 !important;
}
.button.pswp__button.pswp__button–arrow–left {
color: #000000 !important;
}
.pswp__button.pswp__button–arrow–right {
color: #ff0000 !important;
}
.pswp__bg {
background-color: #fff;
}
.pswp__caption {
background-color: #fff !important;
color: #000000;
}
.pswp__caption__center{
color: #000000 !important;
}

The page I need help with: [log in to see the link]