/* Marconi — estilos complementares ao theme.json */

/* ---------- Modo escuro automático (segue o sistema) ---------- */
@media (prefers-color-scheme: dark) {
	html:root {
		--wp--preset--color--base: #0d1117;
		--wp--preset--color--surface: #161b22;
		--wp--preset--color--contrast: #e6edf3;
		--wp--preset--color--muted: #9198a1;
		--wp--preset--color--border: #30363d;
		--wp--preset--color--accent: #2dd4bf;
		--wp--preset--color--accent-soft: #0f2e2b;
		--wp--preset--color--warning-soft: #2d2410;
		color-scheme: dark;
	}
	.wp-block-button__link { color: #0d1117; }
}

/* ---------- Base ---------- */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
::selection { background: var(--wp--preset--color--accent-soft); }
:focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 2px; border-radius: 2px; }
img { height: auto; }

a { text-underline-offset: 0.18em; text-decoration-thickness: 1px; }

/* ---------- Cabeçalho ---------- */
.marconi-header {
	border-bottom: 1px solid var(--wp--preset--color--border);
	background: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent);
	backdrop-filter: saturate(160%) blur(8px);
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .marconi-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .marconi-header { top: 46px; } }

.marconi-logo-mark {
	display: inline-block;
	font-family: var(--wp--preset--font-family--mono);
	color: var(--wp--preset--color--accent);
	margin-right: 0.35em;
}
.wp-block-navigation a:hover,
.wp-block-navigation .current-menu-item > a { color: var(--wp--preset--color--contrast) !important; }

/* ---------- Lista de posts ---------- */
.marconi-post-list > li {
	padding-block: 1.75rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
	margin: 0 !important;
}
.marconi-post-list > li:first-child { padding-top: 0.5rem; }
.marconi-post-list .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }
.marconi-post-list .wp-block-post-excerpt__excerpt { margin: 0; }
.marconi-meta { gap: 0.5rem 0.75rem !important; }
.marconi-meta > * + *::before { content: "·"; margin-right: 0.75rem; color: var(--wp--preset--color--muted); }

/* Categorias como "chips" */
.wp-block-post-terms.is-style-chips a,
.taxonomy-post_tag.wp-block-post-terms a {
	display: inline-block;
	padding: 0.1rem 0.6rem;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 999px;
	color: var(--wp--preset--color--muted);
	font-weight: 500;
	font-size: 0.8125rem;
	margin: 0 0.25rem 0.35rem 0;
}
.taxonomy-post_tag.wp-block-post-terms a:hover { color: var(--wp--preset--color--accent); border-color: var(--wp--preset--color--accent); }
.taxonomy-post_tag .wp-block-post-terms__separator { display: none; }

/* ---------- Conteúdo do post ---------- */
.entry-content > * + h2,
.wp-block-post-content > h2 { padding-top: 0.5rem; }

.wp-block-post-content :where(p, li) code,
.wp-block-post-content :where(td, th) code,
:where(.editor-styles-wrapper) :where(p, li) code {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.875em;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 4px;
	padding: 0.1em 0.35em;
	overflow-wrap: anywhere;
}

pre.wp-block-code,
pre.wp-block-preformatted {
	overflow-x: auto;
	tab-size: 4;
	white-space: pre;
}
pre.wp-block-code code { white-space: pre; overflow-wrap: normal; }

/* Parágrafo estilo "terminal" */
p.is-style-terminal {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.875rem;
	background: #0d1117;
	color: #e6edf3;
	border-radius: 8px;
	padding: 1rem 1.25rem;
	white-space: pre-wrap;
}
p.is-style-terminal::before { content: "$ "; color: #2dd4bf; }

/* Tabelas */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table :where(th, td) {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--border);
	padding: 0.6rem 0.75rem;
	text-align: left;
	vertical-align: top;
}
.wp-block-table thead th {
	border-bottom: 2px solid var(--wp--preset--color--contrast);
	font-weight: 600;
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--muted);
}
.wp-block-table { overflow-x: auto; }
/* Tabelas coladas como HTML puro no editor clássico */
.wp-block-post-content > table { border-collapse: collapse; width: 100%; display: block; overflow-x: auto; }
.wp-block-post-content > table :where(th, td) { border-bottom: 1px solid var(--wp--preset--color--border); padding: 0.6rem 0.75rem; text-align: left; }
.wp-block-post-content > table thead th { border-bottom: 2px solid var(--wp--preset--color--contrast); font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--wp--preset--color--muted); }

/* Destaques */
.wp-block-group.is-style-callout,
.wp-block-group.is-style-callout-warning {
	border-radius: 8px;
	padding: 1rem 1.25rem;
	border-left: 3px solid var(--wp--preset--color--accent);
	background: var(--wp--preset--color--accent-soft);
}
.wp-block-group.is-style-callout-warning {
	border-left-color: #d4a72c;
	background: var(--wp--preset--color--warning-soft);
}
.wp-block-group.is-style-callout > :first-child,
.wp-block-group.is-style-callout-warning > :first-child { margin-top: 0; }

/* Imagens */
.wp-block-post-content .wp-block-image img,
.wp-block-post-featured-image img { border-radius: 8px; }
.wp-block-post-content .wp-block-image.is-style-default img { border: 1px solid var(--wp--preset--color--border); }

/* Navegação entre posts */
.marconi-post-nav a { text-decoration: none; font-weight: 600; }
.marconi-post-nav .post-navigation-link__label { display: block; font-size: 0.8125rem; font-weight: 500; color: var(--wp--preset--color--muted); }

/* Busca */
.wp-block-search__input {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 6px;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	padding: 0.5rem 0.75rem;
}

/* Paginação */
.wp-block-query-pagination a,
.wp-block-query-pagination .current {
	text-decoration: none;
	padding: 0.25rem 0.6rem;
	border-radius: 6px;
}
.wp-block-query-pagination .current { background: var(--wp--preset--color--surface); }

/* Rodapé */
.marconi-footer { border-top: 1px solid var(--wp--preset--color--border); }
.marconi-footer a { color: var(--wp--preset--color--muted); text-decoration: none; }
.marconi-footer a:hover { color: var(--wp--preset--color--accent); }
.marconi-footer .wp-block-social-links .wp-social-link { color: var(--wp--preset--color--muted); }

@media print {
	.marconi-header, .marconi-footer, .marconi-post-nav, .wp-block-comments { display: none !important; }
}

/* Ícones sociais no cabeçalho: escondidos no celular para não apertar o menu */
.marconi-header-social .wp-social-link { color: var(--wp--preset--color--muted); }
.marconi-header-social .wp-social-link:hover { color: var(--wp--preset--color--contrast); }
@media (max-width: 600px) { .marconi-header-social { display: none !important; } }