/* =========================================================================================
   Toque no iPad/iPhone (Safari e qualquer navegador do iOS — todos usam o WebKit da Apple).

   O WebKit do iOS só transforma um toque em clique quando o elemento tocado é "clicável": link,
   botão, campo, um ancestral ABAIXO do <body> com ouvinte de clique, ou cursor:pointer. O Blazor
   escuta todos os eventos no document — então <div>/<tr>/<td>/<span> com @onclick (centenas no
   app: linhas de tabela, cartões, chips, fundos de modal) podem simplesmente não responder ao toque
   no iPad, enquanto no Android e no computador funcionam. Era parte do "alguns botões não funcionam".

   cursor:pointer no body é herdado por tudo e marca qualquer alvo como clicável para o WebKit.
   - @supports (-webkit-touch-callout) só existe no iOS: Android e computador não são afetados.
   - (hover: none) deixa de fora o iPad com trackpad/mouse, onde o cursor de mãozinha apareceria.
   - Sem o realce cinza que o iOS pinta no elemento tocado (agora tudo seria "clicável").
   ========================================================================================= */
@supports (-webkit-touch-callout: none) {
    @media (hover: none) {
        body {
            cursor: pointer;
            -webkit-tap-highlight-color: transparent;
        }
    }
}