/* ===========================================================
   REI CONNECT — texto "dd/mm/aaaa" nos campos de data vazios
   -----------------------------------------------------------
   2026-09-12 (pedido do usuário, achado testando no celular): no
   iPhone (Chrome ou Safari — mesmo motor de renderização, regra da
   Apple), um <input type="date"> vazio não mostra nenhum texto de
   dica, diferente do computador (que já mostra "dd/mm/aaaa" sozinho).
   Esse texto aqui é desenhado por NÓS por cima do campo, só pra
   imitar o mesmo "dd/mm/aaaa" — ver js/placeholder-data.js, que cria
   o ".campo-data-wrapper"/".campo-data-vazio" e esconde o segundo
   assim que uma data de verdade é escolhida.

   2026-09-12 (achado no deploy, 1ª rodada): essas regras nasceram
   dentro de css/clientes.css, mas a Cloudflare já tinha esse arquivo
   em cache numa borda antiga e nem um "?v=" novo furou dessa vez —
   por isso viraram um arquivo próprio (placeholder-data.css).

   2026-09-12 (achado testando de novo, num iPhone de verdade — 2ª
   rodada): o texto continuava sumido, mesmo com o CSS certo no ar e
   testado até em aba anônima (então não era mais cache). O motivo:
   o campo de data NATIVO do iOS é desenhado pelo sistema operacional
   numa "camada" própria, que às vezes aparece por cima de QUALQUER
   coisa da página (mesmo elementos posicionados depois no HTML) — um
   comportamento antigo e conhecido do motor da Apple (WebKit). A
   correção é forçar nosso texto pra ganhar sua PRÓPRIA camada também
   (via "transform"), o que faz o WebKit respeitar a ordem certa entre
   as duas. "placeholder-data-v2.css" (nome novo de novo, mesmo
   motivo da 1ª rodada — evitar que a Cloudflare sirva uma cópia já
   cacheada deste mesmo arquivo, mesmo que ele seja recente). */

.campo-data-wrapper { position: relative; display: block; }

.campo-data-vazio {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 11px 14px;
  font-size: 13px;
  font-family: inherit;
  color: var(--cor-texto-fraco);
  pointer-events: none;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.campo-data-vazio--oculto { display: none; }