/* ============================================================
   Navex · Correções de acessibilidade e alvos de toque
   Carregado após o CSS principal. Não altera layout, só
   estados de foco e área clicável.
   ============================================================ */

/* --- 1. Foco visível em tudo que é interativo ---------------
   O CTA principal tinha outline:0 e nenhum indicador de foco.
   :focus-visible só aparece para teclado, nunca para mouse. */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #189FFF !important;
  outline-offset: 3px !important;
  border-radius: 6px;
}

/* Sobre fundo escuro, o azul sozinho tem pouco contraste.
   O halo branco garante visibilidade nos dois temas. */
[data-theme="dark"] a:focus-visible,
[data-theme="dark"] button:focus-visible,
.bg-navex-dark a:focus-visible,
.bg-navex-dark button:focus-visible {
  outline-color: #FFFFFF !important;
  box-shadow: 0 0 0 5px rgba(24, 159, 255, 0.45) !important;
}

/* --- 2. Alvos de toque de no mínimo 44x44 -------------------
   Botão do menu, ícones sociais e links só de ícone. */
button[aria-label],
a[aria-label]:not([class*="btn"]) {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Links de contato no rodapé: área de toque sem mudar o texto */
footer a,
footer button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* --- 3. Piso de legibilidade no mobile ----------------------
   Sobe apenas o que estava em 10 e 11px. Eyebrows em 12px
   ficam como estão: são rótulos curtos em caixa alta. */
@media (max-width: 480px) {
  .eyebrow,
  [class*="text-[10px]"],
  [class*="text-[11px]"] {
    font-size: 12px !important;
    letter-spacing: 0.16em !important;
  }
}

/* --- 4. Respeitar quem pediu menos movimento ---------------- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* --- 5. Skip link: invisível até receber foco --------------- */
.navex-skip {
  position: absolute;
  left: 16px;
  top: -60px;
  z-index: 10000;
  padding: 10px 16px;
  background: #05070E;
  color: #FFFFFF;
  border: 2px solid #189FFF;
  border-radius: 8px;
  font: 600 14px/1.2 system-ui, sans-serif;
  text-decoration: none;
  transition: top 0.15s ease;
}
.navex-skip:focus { top: 16px; outline: none; }