/*!
 * Imagine.IDE — volta ao site original (23/08/2026)
 *
 * Por decisao do cliente, o site deve ficar como era ANTES do
 * WordPress: escuro do topo ao rodape, sem a camada gelo que o tema
 * introduziu.
 *
 * Nao da para simplesmente tirar o redesign.css do enqueue: ele
 * mistura a camada gelo com o que sustenta as paginas internas —
 * cards do portfolio (.ii-proj), cards de noticia (.ii-post), corpo
 * do artigo (.ii-artigo), migalhas, skip link e o reset de imagem.
 * Sem ele, portfolio, noticias e artigos abrem sem estilo nenhum.
 *
 * A saida e redefinir os tokens da camada gelo para a paleta escura.
 * Assim .ii-gelo continua existindo e pintando — so que escuro — e
 * nenhum template precisa ser tocado.
 */

:root {
	/* eram gelo claro; agora apontam para os escuros do site original */
	--ii-gelo:         #0E0E10;
	--ii-gelo-claro:   #131316;
	--ii-gelo-borda:   rgba(243, 241, 234, .10);
	--ii-gelo-texto:   #F7F8FA;
	--ii-gelo-texto-2: #8D8D97;
}

/* O redesign pinta de branco o que era translucido dentro do gelo.
   Com a paleta escura de volta, isso viraria mancha branca. */
.ii-gelo [class*="bg-white"],
.ii-gelo-claro [class*="bg-white"],
.ii-gelo .ii-card,
.ii-gelo-claro .ii-card {
	background: rgba(243, 241, 234, .04) !important;
	border-color: rgba(243, 241, 234, .10) !important;
	box-shadow: none !important;
}

/* fichas e caixas que os templates pintam de branco por style inline */
[style*="background:#fff"] {
	background: rgba(243, 241, 234, .04) !important;
	border-color: rgba(243, 241, 234, .10) !important;
}

/* a costura ambar entre faixas nao existia no site original */
.ii-costura::before { display: none; }

/* ────────────────────────────────────────────────────────────
   Painel de navegacao do telemovel

   Sem isto o painel abre sem estilo: o CSS do site antigo mirava em
   .menu-link, escrita a mao, e o wp_nav_menu gera li > a limpo.
   ──────────────────────────────────────────────────────────── */

#menu-overlay {
	position: fixed;
	inset: 0;
	z-index: 60;
	display: flex;
	flex-direction: column;
	padding: 5.5rem 1.75rem 2rem;
	background: linear-gradient(180deg, #131317 0%, #0E0E10 100%);
	overflow-y: auto;
	overscroll-behavior: contain;
}

#menu-overlay .menu-overlay-inner { display: block; width: 100%; }
#menu-overlay .menu-lista { list-style: none; margin: 0; padding: 0; }
#menu-overlay .menu-lista li + li { border-top: 1px solid rgba(243, 241, 234, .08); }

#menu-overlay .menu-lista a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.05rem 0;
	font-family: 'Poppins', sans-serif;
	font-size: 1.35rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: #F3F1EA;
	text-decoration: none;
}

#menu-overlay .menu-lista a::after {
	content: "→";
	font-family: 'IBM Plex Mono', monospace;
	font-size: .95rem;
	color: #F5A623;
	opacity: .55;
}

#menu-overlay .menu-lista .current-menu-item > a,
#menu-overlay .menu-lista .current_page_item > a { color: #F5A623; }

body.menu-is-open { overflow: hidden; }

/* foco visivel: nao muda nada para quem usa o rato */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid #F5A623;
	outline-offset: 3px;
	border-radius: 4px;
}

/* ────────────────────────────────────────────────────────────
   Menu horizontal no desktop, painel lateral no telemovel

   A partir de 1024px a navegacao fica na barra e o botao de painel
   some. Abaixo disso continua tudo como era: so o hamburguer.
   ──────────────────────────────────────────────────────────── */

.ii-nav-desktop { display: none; }

.ii-nav-desktop .ii-nav-lista {
	display: flex;
	align-items: center;
	gap: 1.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ii-nav-desktop .ii-nav-lista a {
	position: relative;
	display: inline-block;
	padding: .35rem 0;
	font-family: 'Inter', system-ui, sans-serif;
	font-size: .9375rem;
	font-weight: 500;
	line-height: 1.2;
	color: #C9C9D2;
	text-decoration: none;
	transition: color .2s ease;
}

.ii-nav-desktop .ii-nav-lista a:hover,
.ii-nav-desktop .ii-nav-lista a:focus-visible { color: #F3F1EA; }

/* sublinhado ambar que cresce da esquerda, sem mexer no layout */
.ii-nav-desktop .ii-nav-lista a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.5px;
	background: #F5A623;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .28s ease;
}

.ii-nav-desktop .ii-nav-lista a:hover::after,
.ii-nav-desktop .ii-nav-lista a:focus-visible::after,
.ii-nav-desktop .ii-nav-lista .current-menu-item > a::after,
.ii-nav-desktop .ii-nav-lista .current_page_item > a::after { transform: scaleX(1); }

.ii-nav-desktop .ii-nav-lista .current-menu-item > a,
.ii-nav-desktop .ii-nav-lista .current_page_item > a { color: #F3F1EA; }

@media (min-width: 1024px) {
	.ii-nav-desktop { display: block; }
	.menu-toggle.ii-so-mobile { display: none !important; }
}