/*
Theme Name: Escrito Pela IA
Theme URI: https://escritopelaia.com.br
Author: BMJ - Escrito pela IA
Author URI: https://escritopelaia.com.br
Description: Tema dark para portais de tecnologia e IA, otimizado para Elementor. Acompanha o plugin EPI Blog Kit, que fornece a home completa via shortcode [epi_home] (hero de destaques, categorias, paineis e newsletter). Instale, importe o Kit do Elementor e comece a publicar.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: escrito-pela-ia
Tags: news, blog, one-column, custom-menu, custom-logo, featured-images, full-width-template, translation-ready, block-styles, editor-style
*/

/* =========================================================
   Variaveis (a cor de destaque tambem e configuravel no
   Personalizar > Cores; o plugin usa a sua propria).
   ========================================================= */
:root{
	--epi-accent:#c9f73a;
	--epi-bg:#0d0d0e;
	--epi-card:#141417;
	--epi-text:#e6e6e6;
	--epi-muted:#9a9a94;
	--epi-line:rgba(255,255,255,.09);
	--epi-container:1220px;
}

/* =========================================================
   Base
   ========================================================= */
html{ -webkit-text-size-adjust:100%; }
body{
	margin:0;
	background:var(--epi-bg);
	color:var(--epi-text);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
	font-size:16px;
	line-height:1.6;
}
*{ box-sizing:border-box; }
img{ max-width:100%; height:auto; }
a{ color:var(--epi-accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
h1,h2,h3,h4{ color:#f4f4ef; line-height:1.2; font-weight:800; }

.epi-container{ max-width:var(--epi-container); margin:0 auto; padding:0 16px; }

/* Skip link acessibilidade */
.skip-link{ position:absolute; left:-9999px; }
.skip-link:focus{ left:8px; top:8px; background:var(--epi-accent); color:#0d0d0e; padding:8px 14px; border-radius:6px; z-index:100000; }

/* =========================================================
   Header fallback (usado so se o Elementor Header nao existir)
   ========================================================= */
.epi-fallback-header{ border-bottom:1px solid var(--epi-line); background:#0b0b0c; }
.epi-fallback-header .epi-container{ display:flex; align-items:center; justify-content:space-between; min-height:66px; gap:20px; }
.epi-site-title a{ color:#f4f4ef; font-weight:900; font-size:22px; text-decoration:none; letter-spacing:.01em; }
.epi-nav ul{ list-style:none; display:flex; gap:22px; margin:0; padding:0; }
.epi-nav a{ color:#e6e6e6; font-weight:600; font-size:14px; }
.epi-nav a:hover{ color:var(--epi-accent); text-decoration:none; }

/* =========================================================
   Conteudo (posts/paginas) — fallback quando nao ha template Elementor
   ========================================================= */
.epi-main{ padding:36px 0 60px; }
.epi-article{ max-width:820px; margin:0 auto; }
.epi-article .entry-title{ font-size:clamp(26px,3vw,40px); margin:0 0 10px; }
.epi-meta{ color:var(--epi-muted); font-size:13px; margin-bottom:22px; }
.epi-content{ font-size:17px; line-height:1.75; color:#dcdcd6; }
.epi-content a{ color:var(--epi-accent); }
.epi-content img{ border-radius:10px; }
.epi-content h2,.epi-content h3{ margin-top:1.6em; }

/* Grid de arquivo/busca (fallback) */
.epi-grid-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.epi-gcard{ background:var(--epi-card); border:1px solid var(--epi-line); border-radius:12px; overflow:hidden; }
.epi-gcard a{ text-decoration:none; }
.epi-gcard .thumb{ display:block; height:170px; background:#1c1c20 center/cover no-repeat; }
.epi-gcard .body{ padding:14px 16px 18px; }
.epi-gcard .cat{ color:var(--epi-accent); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.epi-gcard .tt{ display:block; color:#fff; font-weight:800; font-size:16px; line-height:1.25; margin:6px 0; }
.epi-gcard .ex{ color:var(--epi-muted); font-size:13px; }
.epi-page-title{ text-align:center; margin:10px 0 26px; font-size:clamp(22px,2.4vw,32px); }

/* Paginacao */
.epi-pagination{ display:flex; gap:8px; justify-content:center; margin:34px 0; }
.epi-pagination .page-numbers{ padding:8px 13px; border:1px solid var(--epi-line); border-radius:8px; color:#e6e6e6; }
.epi-pagination .current{ background:var(--epi-accent); color:#0d0d0e; border-color:var(--epi-accent); }

/* =========================================================
   Footer fallback
   ========================================================= */
.epi-fallback-footer{ border-top:1px solid var(--epi-line); background:#0b0b0c; color:var(--epi-muted); font-size:13px; }
.epi-fallback-footer .epi-container{ padding:26px 16px; text-align:center; }

/* =========================================================
   Responsivo
   ========================================================= */
@media(max-width:900px){ .epi-grid-cards{ grid-template-columns:1fr 1fr; } }
@media(max-width:600px){ .epi-grid-cards{ grid-template-columns:1fr; } .epi-nav{ display:none; } }