/* Overrides mínimos — o restante é Tailwind via CDN */

/* Accordion FAQ: esconde o marcador padrão do <summary> */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-chevron { transform: rotate(180deg); }
.faq-chevron { transition: transform .2s ease; }

/* Suaviza a rolagem por âncoras */
html { scroll-behavior: smooth; }

/* ── Celular ───────────────────────────────────────────── */

/* Impede o iOS de reescalar o texto ao girar a tela */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* Safari do iPhone dá zoom no campo focado quando a fonte é menor que 16px.
   !important porque as classes utilitárias do Tailwind têm precedência sobre o seletor de elemento. */
@media (max-width: 767px) {
  input, textarea, select { font-size: 16px !important; }
}

/* Alvos de toque com o mínimo recomendado de 44px */
@media (max-width: 767px) {
  #mobile-menu a { min-height: 44px; display: flex; align-items: center; }
  #menu-btn { min-width: 44px; min-height: 44px; }
}

/* Evita que palavras longas (e-mail, endereço) estourem a largura da tela */
body { overflow-wrap: break-word; }

/* Respeita quem prefere menos animação */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition-duration: .01ms !important; }
}