/* ==========================================================================
   Astra Veloz — custom.css
   Fontes self-hosted + tipografia forte para conteúdo do Dashboard SEO
   (Página Pilar / Discovery geram apenas h2, h3, p, ul, ol, strong — sem
   classes especiais, então o .entry-content precisa carregar o estilo sozinho)
   ========================================================================== */

/* ---- Fontes self-hosted (sem Google Fonts CDN) ---- */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/inter-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/inter-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/inter-700.woff2') format('woff2');
}

/* ---- Paleta base (neutra + 1 destaque) — ajustar por site no Customizer do Astra ---- */
:root {
	--av-text: #222222;
	--av-text-muted: #5b5b5b;
	--av-border: #e5e5e5;
	--av-bg-soft: #f6f6f7;
	--av-accent: #0f6fde;
	--av-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
	font-family: var(--av-font);
	color: var(--av-text);
}

/* ---- Tipografia do conteúdo gerado (Página Pilar / Discovery / artigos) ---- */
.entry-content {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: var(--av-text);
}

.entry-content h2 {
	font-family: var(--av-font);
	font-weight: 700;
	font-size: 1.625rem;
	line-height: 1.3;
	margin: 2.2em 0 0.7em;
	color: var(--av-text);
}

.entry-content h3 {
	font-family: var(--av-font);
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.35;
	margin: 1.8em 0 0.6em;
	color: var(--av-text);
}

.entry-content p {
	margin: 0 0 1.3em;
}

.entry-content ul,
.entry-content ol {
	margin: 0 0 1.3em;
	padding-left: 1.4em;
}

.entry-content li {
	margin-bottom: 0.5em;
}

.entry-content strong {
	font-weight: 600;
	color: var(--av-text);
}

.entry-content blockquote {
	margin: 1.6em 0;
	padding: 0.8em 1.2em;
	border-left: 3px solid var(--av-accent);
	background: var(--av-bg-soft);
	color: var(--av-text-muted);
	font-style: italic;
}

.entry-content a {
	color: var(--av-accent);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.entry-content img {
	border-radius: 6px;
	height: auto;
	max-width: 100%;
}

/* Tabelas (Tabela de Resumo) — estilo enxuto igual ao site de referência */
.entry-content table {
	table-layout: fixed;
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1.6rem;
}

.entry-content table td,
.entry-content table th {
	padding: 0.6rem 0.7rem;
	line-height: 1.5;
	vertical-align: top;
	border-top: 1px solid var(--av-border);
	text-align: left;
}

.entry-content table thead th,
.entry-content table tr:first-child th {
	vertical-align: bottom;
	border-bottom: 2px solid var(--av-border);
	border-top: none;
	font-weight: 700;
}

/* Breadcrumb (Inicio > Categoria > Título) */
.av-breadcrumb {
	font-size: 0.85rem;
	color: var(--av-text-muted);
	margin-bottom: 1em;
}

.av-breadcrumb a {
	color: var(--av-text-muted);
	text-decoration: none;
}

.av-breadcrumb a:hover {
	color: var(--av-accent);
	text-decoration: underline;
}

.av-breadcrumb .sep {
	margin: 0 0.4em;
	color: var(--av-border);
}

/* FAQ gerado pelo Dashboard (h2 "Perguntas Frequentes" + pares h3/p) */
.entry-content h3 + p {
	color: var(--av-text-muted);
}

/* ---- Posições de anúncio ---- */
.av-ad-slot {
	margin: 1.5em auto;
	max-width: 100%;
	overflow-x: auto;
	text-align: center;
}

.av-ad-header_top {
	margin: 0 0 1em;
}

.av-ad-content_top,
.av-ad-content_bottom {
	padding: 0.5em 0;
}

/* Lazy-load de imagens já é nativo do WP (loading="lazy" automático desde 5.5,
   exceto na imagem de destaque, que fica eager via functions.php para LCP) */

/* ---- Página Pilar (template-pilar.php) — leitura longa, largura de coluna ---- */
.av-pilar .entry-content {
	max-width: 780px;
	margin: 0 auto;
}

.av-pilar .entry-header .entry-title {
	max-width: 780px;
	margin: 0 auto 0.6em;
}

/* Embeds de vídeo do YouTube (oEmbed nativo do WP) já ficam responsivos
   nativamente via .ast-oembed-container do Astra — confirmado testando,
   não precisa de CSS extra aqui. */