/**
 * Coisas de Casa — rodapé (parts/footer.html).
 *
 * Revisão de harmonia (2026-09): antes o rodapé não tinha nenhum CSS
 * próprio, só os atributos padrão do editor — a única seção do site sem
 * tratamento visual autoral. Este arquivo resolve 3 pontos:
 *
 * 1. Links: o tema define vermelho-marca como cor padrão de link em todo o
 *    site (theme.json, styles.elements.link) — cor que também é CTA/preço/
 *    selo em outros lugares. Repetida no rodapé escuro, dilui esse
 *    significado. Troca pelo mesmo idioma de hover já usado no menu
 *    principal (.coisasdecasa-header-nav-row em header.css): neutro em
 *    repouso, sublinhado + amarelo-marca no hover/foco.
 * 2. "Atendimento" (texto puro, sem link real ainda) ganha cor mais apagada
 *    para não se confundir com "Institucional" (links de verdade).
 * 3. Ícones de rede social (mesmo bloco do header) equilibram a 4ª coluna,
 *    que antes ficava vazia à direita.
 * 4. Traço separador troca cinza-texto (token de texto secundário em fundo
 *    claro) por branco-papel translúcido — ver comentário em footer.html.
 * 5. Títulos de coluna ("Institucional"/"Atendimento"/"Redes sociais")
 *    ganham mais presença: título e corpo estavam quase do mesmo tamanho
 *    (1rem vs 0.875rem). Em vez de caixa alta (padrão genérico demais para
 *    um rótulo de 3 palavras), um traço curto em amarelo-marca por baixo —
 *    mesmo acento já usado no hover dos links acima.
 */

.coisasdecasa-footer a {
	color: var(--wp--preset--color--branco-papel);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.15s ease, border-color 0.15s ease;
}

.coisasdecasa-footer a:hover,
.coisasdecasa-footer a:focus-visible {
	color: var(--wp--preset--color--amarelo-marca);
	border-bottom-color: var(--wp--preset--color--amarelo-marca);
}

.coisasdecasa-footer__meta p {
	color: var(--wp--preset--color--linha);
}

.coisasdecasa-footer__heading {
	position: relative;
	display: inline-block;
	font-size: 1.0625rem;
	letter-spacing: 0.01em;
	padding-bottom: 0.6rem;
	margin-bottom: 0.1rem;
}

.coisasdecasa-footer__heading::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28px;
	height: 2px;
	background: var(--wp--preset--color--amarelo-marca);
}

.coisasdecasa-footer__social {
	gap: 1rem;
}

.coisasdecasa-footer .coisasdecasa-social__link {
	color: var(--wp--preset--color--linha);
}

.coisasdecasa-footer .coisasdecasa-social__link:hover,
.coisasdecasa-footer .coisasdecasa-social__link:focus-visible {
	color: var(--wp--preset--color--amarelo-marca);
}

/* Logo do rodapé com a mesma inclinação da pre-home. */
.coisasdecasa-footer .wp-block-image img {
	transform: rotate(-20deg);
}