/* Compatibilidade com iOS / Safari.

   O ponto principal e o zoom automatico: o Safari no iPhone amplia a pagina
   quando um campo focado tem fonte menor que 16px. A correcao e a fonte, nao
   `maximum-scale=1` no viewport - isso tambem bloquearia o zoom manual, que
   e recurso de acessibilidade. */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Todo campo digitavel tem de ter 16px ou o Safari amplia ao focar. */
input, select, textarea { font-size: 16px; }

/* Fundos translucidos precisam do prefixo -webkit- no Safari. */
.topo { -webkit-backdrop-filter: saturate(180%) blur(14px); }
.veu, .veu-carrinho { -webkit-backdrop-filter: blur(3px); }

/* Rolagem com inercia nos paineis. */
.painel-corpo, .oc-corpo { -webkit-overflow-scrolling: touch; }

/* Sem o flash cinza ao tocar. */
a, button { -webkit-tap-highlight-color: rgba(240, 116, 30, .18); }

/* iOS arredonda e sombreia campos de busca por conta propria. */
input[type="search"] {
  -webkit-appearance: none; appearance: none;
  border-radius: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Area segura do iPhone com barra inferior. */
.zap-flutua { bottom: calc(20px + env(safe-area-inset-bottom)); }
.painel-pe { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }

/* Altura real da janela no mobile (a barra do Safari come 100vh). */
@supports (height: 100dvh) {
  .painel, .gaveta { height: 100dvh; }
}

/* Botao nao herda a fonte por padrao no Safari. */
button, input, select, textarea { font-family: inherit; }