/* golbit a11y overrides (WCAG 2.2 AA) - carregado por index.html.
   Substitui o antigo home.css (@font-face para /fonts/*.woff2, que nao existem no deploy). */

/* 1. Contraste 4.5:1 - dourado escurecido em fundos claros (#88673a: 5.19:1 com branco) */
html:root {
  /* especificidade maior que o :root do bundle, que carrega depois */
  --gold: 35 40% 38%;
  --primary: 35 40% 38%;
  --accent: 35 40% 38%;
  --ring: 35 40% 38%;
}

/* rodape escuro: texto secundario #6b7279 sobre #091420 dava 3.8:1 -> #a7adb4 (8.2:1);
   dourado claro (#c9a46a, 7.9:1) so dentro do rodape escuro */
footer.bg-navy-deep .border-t,
footer.bg-navy-deep .border-t a,
footer.bg-navy-deep .border-t span {
  color: #a7adb4;
}

footer.bg-navy-deep .border-t a:hover {
  color: #ffffff;
}

.bg-navy-deep .text-gold,
.bg-navy .text-gold {
  color: #c9a46a;
}

.bg-navy-deep .bg-white .text-gold,
.bg-navy .bg-white .text-gold {
  color: #88673a;
}

/* 2. Texto minimo de 16px (pedido do dono; WCAG 1.4.4/1.4.12) */
.text-xs,
.text-sm,
[class*="text-[10px]"],
[class*="text-[11px]"],
[class*="text-[12px]"],
[class*="text-[13px]"],
[class*="text-[14px]"],
[class*="text-[15px]"] {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

small {
  font-size: 1rem;
}

/* 3. Alvos de toque >= 44x44 (WCAG 2.5.8 AA pede 24px; meta do dono 44px).
   Links dentro de paragrafos ficam de fora (excecao "inline" da WCAG). */
button,
[role="button"],
input[type="submit"],
input[type="button"],
select,
header a,
nav a,
footer a,
a.inline-flex,
a.rounded-full,
a.rounded-md,
a.rounded-lg {
  min-height: 44px;
  min-width: 44px;
}

header a,
nav a,
footer a {
  display: inline-flex;
  align-items: center;
}

input:not([type="checkbox"]):not([type="radio"]),
textarea {
  min-height: 44px;
  font-size: 1rem;
}

/* link "Pular para o conteudo" */
a[href="#conteudo"] {
  font-size: 1rem !important;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

/* 4. Foco visivel - proposta do design system (rodada 3).
   Claro: anel navy de 2px colado no elemento (contraste ~17:1 com o fundo #fbfaf9)
   + contorno dourado 2px afastado 4px. html:root eleva a especificidade acima dos
   utilitarios focus-visible:ring/outline-none do bundle, que carrega depois. */
html:root :focus-visible {
  outline: 2px solid #e6c77a;
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #0d1a26;
}

/* Secoes escuras (navy) e banner de cookies (#141414): so o dourado, afastado 3px, sem sombra.
   Obs.: html[data-theme="dark"] NAO entra aqui - o bundle nao tem tema escuro
   (a pagina continua clara com data-theme=dark), e tirar o anel navy ali derrubaria
   o contraste do foco para 1.55:1. */
html:root .bg-navy-deep :focus-visible,
html:root .bg-navy :focus-visible,
html:root .bg-navy-deep:focus-visible,
html:root .bg-navy:focus-visible,
html:root #golbit-consent :focus-visible {
  outline: 2px solid #e6c77a;
  outline-offset: 3px;
  box-shadow: none;
}

/* Cartoes brancos dentro de secoes navy voltam ao padrao claro */
html:root .bg-navy-deep .bg-white :focus-visible,
html:root .bg-navy .bg-white :focus-visible {
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #0d1a26;
}

@media (forced-colors: active) {

  html:root :focus-visible,
  html:root .bg-navy-deep :focus-visible,
  html:root .bg-navy :focus-visible,
  html:root #golbit-consent :focus-visible {
    outline: 2px solid CanvasText;
    box-shadow: none;
  }
}

/* 5. Alvos de 44px tambem para links soltos em texto: "termos de uso" e e-mail (/contato) */
a[href="/termos"],
a[href$="golbit.com.br/termos"],
a[href^="mailto:"] {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* 5b. Link "politica de privacidade" do banner de cookies: alvo de 44px
   (ja vem do consent.css; repetido aqui como garantia) */
#golbit-consent a[href="/privacidade"] {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* 6. Banner de cookies dentro de landmark (<aside>, criado por consent.js) */
aside#golbit-consent-region[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}