/* FOFEN — regras globais partilhadas por TODAS as paginas (link hover com
   contraste WCAG AA, foco visivel por teclado, header compacto ao scroll).
   Carregado depois dos estilos proprios de cada pagina para garantir que
   estas regras, mais especificas em intencao, vencem sem precisar de
   !important. Ver /assets/nav.js para a logica de scroll que aplica a
   classe .is-compact. */

/* Hover dos links: dourado escuro por omissao (fundos claros -- o dourado
   cru so tem ~2.46:1 de contraste sobre branco/creme, abaixo do minimo
   WCAG AA de 4.5:1). Nos fundos escuros conhecidos do site (Hero, heros
   internos, footer, bandas de destaque), o dourado original ja passa
   (~5.4:1) e mantem-se, para preservar a identidade visual. */
a:hover { color: var(--gold-dark, #8A6D1F); }
#inicio a:hover,
.page-hero a:hover,
footer a:hover,
.band-lg a:hover {
  color: var(--gold, #C7A03C);
}

/* Foco visivel por teclado em toda a navegacao e formularios. */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, .hero-scroll-cue:focus-visible {
  outline: 2px solid var(--green-soft, #2E6A4E);
  outline-offset: 2px;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--green-soft, #2E6A4E);
  box-shadow: 0 0 0 3px rgba(46,106,78,0.15);
}

/* Header compacto ao fazer scroll (ver toggle em /assets/nav.js). */
.site-header { transition: box-shadow .35s ease; }
.site-header .header-inner { transition: padding .35s ease; }
.site-header .header-logo-img { transition: width .35s ease, height .35s ease; }
.site-header.is-compact { box-shadow: 0 2px 18px rgba(22,53,42,0.08); }
.site-header.is-compact .header-inner { padding-top: 9px !important; padding-bottom: 9px !important; }
.site-header.is-compact .header-logo-img { width: 42px !important; height: 42px !important; }

@media (prefers-reduced-motion: reduce) {
  .site-header, .site-header .header-inner, .site-header .header-logo-img { transition: none; }
}