/* ===========================================================
   FVDF — CSS site-wide (botões arredondados, cards, ticker, etc.)
   Este arquivo é carregado permanentemente pelo tema filho (functions.php),
   para não depender da caixa "CSS Adicional" do Personalizador — que é
   apagada automaticamente sempre que o tema ativo muda.
   =========================================================== */

/* Tipografia mais moderna (importa Manrope do Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

body, p, a, li, span, div {
  font-family: 'Manrope', Roboto, sans-serif !important;
}

/* Barra superior (data + redes sociais) — mantém a cor, deixa o espaçamento mais respirado */
.mnp-top-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.mnp-top-header a {
  border-radius: 8px !important;
  transition: transform .15s ease;
}
.mnp-top-header a:hover {
  transform: translateY(-2px);
}

/* Ticker de últimas notícias — badge com cantos arredondados */
.mnp-news-ticker-label {
  border-radius: 0 10px 10px 0 !important;
  font-weight: 800 !important;
  letter-spacing: .03em;
}

/* Menu principal — itens com cantos arredondados no hover, como um menu "pill" moderno */
.navigation-bar a,
.navigation-bar button {
  border-radius: 999px !important;
  transition: background .15s ease, transform .15s ease !important;
}
.navigation-bar a:hover {
  transform: translateY(-1px);
}

/* Botões em geral (Elementor, formulários, "Baixar") — mais arredondados e com leve elevação */
.elementor-button,
a.button,
input[type="submit"],
button[type="submit"] {
  border-radius: 999px !important;
  font-weight: 700 !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.elementor-button:hover,
a.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(33,38,110,0.25);
}

/* Cards / imagens — cantos arredondados e sombra suave, visual mais atual */
.elementor-widget-image img,
.elementor-post__thumbnail img,
article img {
  border-radius: 16px !important;
}
.elementor-post,
.elementor-posts-container article {
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(19,30,63,0.08) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.elementor-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(19,30,63,0.14) !important;
}

/* Rodapé — mais espaçamento, tipografia consistente */
.site-footer {
  padding-top: 48px !important;
}
.site-footer a {
  transition: color .15s ease;
}
.site-footer a:hover {
  color: #E7D303 !important; /* dourado da logo da FVDF */
}

/* Links de "tags populares" e afins — visual de pílula moderna */
a[href*="/tag/"] {
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-weight: 700 !important;
}

/* Cantos arredondados globais em blocos/seções do Elementor, para um visual mais suave */
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-widget-wrap {
  border-radius: 4px;
}

/* ===========================================================
   Detalhes em dourado — paleta oficial: azul (#21266E), branco e
   dourado (#E7D303), as cores reais da logo da FVDF.
   =========================================================== */

/* Título das páginas de texto (Quem somos, Transparência, F.A.Q etc.) —
   troca o traço cinza padrão por um traço dourado, mais de acordo com a
   marca. */
.entry-title {
  padding-bottom: 14px !important;
  border-bottom: 3px solid #E7D303 !important;
  position: relative;
}

/* Breadcrumb "Home / Página" — o item atual em dourado escuro para dar
   um toque de cor sem perder legibilidade. */
.breadcrumb .current,
.rank-math-breadcrumb .last-crumb,
.breadcrumbs .current {
  color: #b39a00 !important;
  font-weight: 700 !important;
}

/* Listas dentro do conteúdo — marcador em dourado no lugar do preto padrão */
.entry-content ul:not(.fvdf-accordion *) li::marker {
  color: #E7D303;
}

/* Item ativo/atual do menu principal — sublinhado dourado, além do fundo
   azul já usado pelo tema. */
.navigation-bar li.current-menu-item > a,
.navigation-bar li.current_page_item > a {
  box-shadow: inset 0 -3px 0 #E7D303 !important;
}

/* Paginação (blog, notícias) — número da página atual em dourado */
.page-numbers.current,
.pagination .current {
  background: #21266E !important;
  border-color: #21266E !important;
  color: #ffffff !important;
  box-shadow: inset 0 -3px 0 #E7D303;
}

/* Links de tags populares — contorno dourado no hover */
a[href*="/tag/"]:hover {
  box-shadow: inset 0 0 0 2px #E7D303 !important;
  color: #21266E !important;
}

/* Seleção de texto do site, com as cores da marca */
::selection {
  background: #E7D303;
  color: #21266E;
}

/* Foco em links/botões (acessibilidade + identidade visual) */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #E7D303 !important;
  outline-offset: 2px;
}