/* VRK Igreja Tema · rodapé: imagem do fundo escuro, assinatura da Veronikas e as medidas do computador.
   Os componentes (.vi-rf-*) vêm do design system (assets/ds/ds.css); as cores, dos tokens do cliente. */

/* com a imagem do fundo escuro enviada (Personalizar ou Identidade do site), ela entra no lugar do degradê com grão
   do design system; a classe vi-com-fundo só aparece quando há imagem enviada (inc/rodape.php). */
.vi-com-fundo .vi-rf { background: var(--vi-rodape-fundo-base) var(--vi-img-fundo-escuro) right center / cover no-repeat; }
.vi-com-fundo .vi-rf::after { opacity: 0; }

/* ── assinatura "Desenvolvido com ♥ Veronikas" (sempre presente; medidas do protótipo) ── */
.vi-rf-ass { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 36px; font-size: .875rem; color: #fff; }
.vi-rf-ass .vi-ic { width: 20px; height: 20px; color: var(--vi-assinatura-coracao); }
.vi-rf-ass img { display: block; height: 34px; width: auto; }

/* ── rodapé: medidas do protótipo aprovado no computador; no celular ficam os alvos de toque maiores do DS ── */
@container (min-width: 761px) {
  .vi-rf-nav a { min-height: 0; font-size: .9375rem; }
  .vi-rf-nav2 { gap: 8px 28px; margin-top: 18px; }
  .vi-rf-nav2 a { min-height: 0; }
  .vi-rf-soc a { width: 40px; height: 40px; }
}