to bi tako trebalo po defaultu da radi, samo nisam siguran da li hover mora da bude definisan u css ili js.
Mi smo cesto js-om sklanjali taj prvi hover tako sto detektujemo uredjaj i na hover odmah uradimo click

prvi touch mi izvrsuje akciju kao klik po default

Vjerovatno ima vishe rjesenja ali jedna ideja je :
- imas neku varijablu stanja - clickedOnce = false;
- sa hoverom (desktop) mjenjas to stanje clickedOnce = true
- na click provjeravas stanje.
- ako je false - znaci da je prvi klik,
- ako je true - znaci da je ili vec kliknuta (ipad) ili uradjen hover (desktop)

Ne znam da li je ovo odgovor na pitanje, ali kod "Touch" uređaja dobijanje hover efekta se postiže na sledeći način:
klikneš (touch) na element, ali ne pustiš ga već pomeriš van prostora istog elementa i dobijaš hover efekat. Ovo radi za npr. drop-down menu, ali i za ostalo.

Ostala rešenja su već pomenuta (sa detekcijom uređaja ukoliko želiš da imaš 2 varijante: hover efekat i 2 click efekat).