/*
Theme Name: Isabela Vatavuk Portfolio
Theme URI: 
Author: 
Author URI: 
Description: Tema de portfólio para a artista visual Isabela Vatavuk. Tema por blocos (FSE), bilíngue (PT/EN), com Obras organizadas em Séries, Exposições e Publicações.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isabela-vatavuk
*/

/* Estilos globais adicionais que não fazem parte do theme.json
   (ajustes finos de sidebar, submenu, ficha técnica etc.) entram
   nos arquivos de patterns / blocos correspondentes. */

/* ---------- Layout geral: sidebar fixa + conteúdo ---------- */
body {
	max-width: none;
}

.iv-sidebar-wrapper {
	position: fixed;
	top: 64px;
	left: 40px;
	width: 220px;
	z-index: 10;
}

.iv-main-content {
	margin-left: 300px;
	padding: 64px 40px 80px;
	max-width: 820px;
}

.iv-rodape-wrapper {
	margin-left: 300px;
	padding: 24px 40px;
}

.iv-rodape {
	color: var(--wp--preset--color--texto-secundario, #999);
	font-size: 0.75rem;
}

/* Em telas estreitas, a sidebar volta ao fluxo normal (empilhada) */
@media (max-width: 780px) {
	.iv-sidebar-wrapper {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding: 24px;
	}

	.iv-main-content,
	.iv-rodape-wrapper {
		margin-left: 0;
		padding: 24px;
	}
}

/* ---------- Menu lateral ---------- */
.iv-logo h1 {
	margin: 0 0 24px;
}

.iv-sidebar__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.iv-menu-item a {
	text-decoration: none;
	color: var(--wp--preset--color--texto-secundario, #999);
	font-size: var(--wp--preset--font-size--menu, 1.05rem);
}

.iv-menu-item a:hover,
.iv-menu-item--ativo > a {
	color: var(--wp--preset--color--texto-principal, #333);
}

.iv-submenu {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.iv-submenu__item a {
	text-decoration: none;
	color: var(--wp--preset--color--texto-secundario, #999);
	font-size: 0.9rem;
}

.iv-submenu__item--ativo a,
.iv-submenu__item a:hover {
	color: var(--wp--preset--color--texto-principal, #333);
}

/* ---------- Ficha técnica (obras, exposições) ---------- */
.iv-ficha-tecnica {
	text-align: center;
	color: var(--wp--preset--color--texto-secundario, #999);
	font-size: 0.85rem;
	line-height: 1.7;
	margin-top: 12px;
}

.iv-entrada {
	margin-bottom: 56px;
}

.iv-descricao-en {
	color: var(--wp--preset--color--texto-secundario, #999);
	margin-top: 16px;
}

.iv-ano-grupo {
	margin-top: 32px;
	margin-bottom: 16px;
	color: var(--wp--preset--color--texto-secundario, #999);
}