I have developed an embedded svg map with links on it to display booking availability, but Apple iOS is unable to process the colors or the links. I used an svg map with a links wrapped around entries. The map displays perfectly on Windows/Android, but all Apple iOS devices I've tested (Macbook Pro and iPhone, multiple browsers) are unable to process the colors and links. Any advice on how to proceed (or convert the html map into something Apple devices can actually load) would be greatly appreciated. Apple support told me they do not offer support for issues such as this. Map: https://hsfm-booking-maps.s3.amazonaws.com/Farmer%27s+Market+-+Sunday%2C+October+2nd%2C+2022

I was developing an external website that generates data into an .html file based on database information, displaying availability by a fill color (green or red). On Windows and Android devices, everything displays correctly. On Apple devices (tested on iPhone7 in Safari and Chrome, and a Macbook Pro on Safari), it cannot process the colors and leaves everything gray. My current guess is that Apple's OS does not accept a css tag I used on the page, but I've been unable to narrow down my search effectively. I would greatly appreciate any assistance. Page: https://hsfm-booking-maps.s3.amazonaws.com/Farmer%27s+Market+-+Sunday%2C+October+2nd%2C+2022