/* Rodapé — assinatura, redes, fileiras de links, contato e linha legal.
   Markup: parts/footer.html */

.jhonys-footer { text-align: center; }

.jhonys-footer__logo { margin-inline: auto; line-height: 0; }
.jhonys-footer__logo img { width: clamp(136px, 16vw, 168px); height: auto; }

.jhonys-footer__tagline { color: var(--wp--preset--color--branco); margin-bottom: 0; }

.jhonys-footer a { color: var(--wp--preset--color--branco); text-decoration: none; }
.jhonys-footer a:hover,
.jhonys-footer a:focus-visible { color: var(--wp--preset--color--amarelo); }

.jhonys-footer__social .wp-social-link {
  transition: transform .2s ease;
}
.jhonys-footer__social .wp-social-link:hover { transform: translateY(-3px); }
@media (prefers-reduced-motion: reduce) {
  .jhonys-footer__social .wp-social-link { transition: none; }
  .jhonys-footer__social .wp-social-link:hover { transform: none; }
}

.jhonys-footer__links p,
.jhonys-footer__contato p { margin: 0; }

.jhonys-footer__links--principal p {
  font-family: var(--wp--preset--font-family--titulo);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .045em;
  font-size: clamp(.9375rem, .9rem + .22vw, 1.0625rem);
}
.jhonys-footer__links--secundario p {
  font-family: var(--wp--preset--font-family--titulo);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .8125rem;
}
.jhonys-footer .jhonys-footer__links--secundario a { color: var(--wp--preset--color--creme); }
.jhonys-footer .jhonys-footer__links--secundario a:hover { color: var(--wp--preset--color--amarelo); }

.jhonys-footer__contato p { color: var(--wp--preset--color--creme); font-size: .9375rem; }

/* largura vem do is-style-wide do core; aqui so a cor da linha */
.jhonys-footer__regua {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .15);
  opacity: 1;
}

.jhonys-footer__legal { color: var(--wp--preset--color--creme); margin: 0; }

@media (max-width: 600px) {
  .jhonys-footer__links--principal { gap: .85rem 1.25rem !important; }
  .jhonys-footer__links--secundario { gap: .6rem 1rem !important; }
  .jhonys-footer__contato { gap: .35rem 1rem !important; }
}