/*
Theme Name: Vetusta
Theme URI: https://vetusta.com.br
Description: Tema-filho do Twenty Twenty-Five para a Associação dos Amigos da Vetusta Casa de Afonso Pena. Reproduz a estrutura de página da ffes.org — barra de contato, cabeçalho com menu, hero, busca, Notícias, Destaques, bloco institucional em duas colunas e rodapé em três colunas — com paleta bordô/latão e serifa nos títulos.
Author: sites-admin
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vetusta
*/

/*
 * Este é um tema de blocos: quase toda a aparência vem do theme.json e dos
 * arquivos em templates/ e parts/. O CSS abaixo cobre só o que o theme.json
 * não expressa.
 */

/* Barra de contato do topo: os itens viram linha única no desktop e empilham
   no celular sem precisar de coluna extra. */
.vetusta-topbar a {
	text-decoration: none;
}

.vetusta-topbar a:hover,
.vetusta-topbar a:focus {
	text-decoration: underline;
}

/* Cartões de destaque: o link ocupa o cartão inteiro, então o alvo de clique
   é o bloco todo e não só o texto. */
.vetusta-card {
	position: relative;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.vetusta-card:hover,
.vetusta-card:focus-within {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(26, 25, 23, 0.18);
}

.vetusta-card a::after {
	content: "";
	position: absolute;
	inset: 0;
}

/* Lista de notícias: separador entre itens, como na referência. */
.vetusta-noticias .wp-block-post {
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
	padding-bottom: var(--wp--preset--spacing--40);
}

.vetusta-noticias .wp-block-post:last-child {
	border-bottom: 0;
}

/* O menu principal fica em versalete curto, no espírito do cabeçalho
   institucional da referência. */
.vetusta-menu .wp-block-navigation-item__label {
	letter-spacing: 0.02em;
}

/* O logo tem o nome da Associação desenhado dentro dele, então o cabeçalho não
   repete o título em texto. Encolhe no celular para não empurrar o menu. */
@media (max-width: 600px) {
	.vetusta-logo img {
		width: 190px;
		height: auto;
	}
}

/* Lista de links do rodapé: sem marcador, com respiro entre as linhas. */
.vetusta-links {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.vetusta-links li + li {
	margin-top: 0.5rem;
}

.vetusta-links a {
	color: inherit;
	text-decoration: none;
}

.vetusta-links a:hover,
.vetusta-links a:focus {
	color: var(--wp--preset--color--accent-1);
	text-decoration: underline;
}