/**
 * Estilos Globais do Front-End (Hertz CMS)
 * Cores institucionais alinhadas à Ferri & Ferri
 */
:root {
	--hertz-primary: #14213d;    /* Azul Marinho Nobre */
	--hertz-accent: #fca311;     /* Dourado/Ouro */
	--hertz-text: #2b2d42;       /* Grafite para leitura confortável */
	--hertz-muted: #6c757d;      /* Cinza de apoio */
	--hertz-bg-light: #f8f9fa;   /* Fundo suave de cards */
	--hertz-border: #e9ecef;     /* Linhas divisórias modernas */
}

/* Container de Embrulho Geral */
.hertz-front-container {
	max-width: 1140px;
	margin: 60px auto;
	padding: 0 20px;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ==========================================================================
   A. ESTILOS DO BLOG / FEED (ARCHIVE)
   ========================================================================== */
.hertz-archive-header {
	text-align: center;
	margin-bottom: 50px;
}
.hertz-subtitle {
	color: var(--hertz-accent);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 8px;
}
.hertz-archive-title {
	font-size: 38px;
	font-weight: 800;
	color: var(--hertz-primary);
	margin: 0 0 15px 0;
}
.hertz-archive-description {
	font-size: 16px;
	color: var(--hertz-muted);
	max-width: 600px;
	margin: 0 auto;
}

/* Grade de Cards */
.hertz-articles-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 30px;
}
.hertz-article-card {
	background: #ffffff;
	border: 1px solid var(--hertz-border);
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0,0,0,0.02);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
}
.hertz-article-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 30px rgba(20, 33, 61, 0.08);
}

/* Componentes do Card */
.hertz-card-image img, .hertz-placeholder-img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: block;
}
.hertz-placeholder-img {
	background: linear-gradient(135deg, var(--hertz-primary), #000);
}
.hertz-card-content {
	padding: 24px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.hertz-card-meta {
	font-size: 12px;
	margin-bottom: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.hertz-card-cat {
	color: var(--hertz-accent);
}
.hertz-card-time {
	color: var(--hertz-muted);
	margin-left: 5px;
}
.hertz-card-title {
	font-size: 20px;
	line-height: 1.3;
	margin: 0 0 12px 0;
}
.hertz-card-title a {
	color: var(--hertz-primary);
	text-decoration: none;
	font-weight: 700;
}
.hertz-card-title a:hover {
	color: var(--hertz-accent);
}
.hertz-card-excerpt {
	color: var(--hertz-text);
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 20px 0;
}
.hertz-card-link {
	color: var(--hertz-primary);
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	margin-top: auto;
	display: inline-block;
}
.hertz-card-link:hover {
	color: var(--hertz-accent);
}

/* Paginação */
.hertz-pagination-wrapper {
	text-align: center;
	margin-top: 50px;
}
.hertz-pagination-wrapper .page-numbers {
	display: inline-block;
	padding: 8px 16px;
	margin: 0 4px;
	background: #fff;
	border: 1px solid var(--hertz-border);
	border-radius: 6px;
	text-decoration: none;
	color: var(--hertz-primary);
	font-weight: 600;
}
.hertz-pagination-wrapper .page-numbers.current,
.hertz-pagination-wrapper .page-numbers:hover {
	background: var(--hertz-primary);
	color: #fff;
	border-color: var(--hertz-primary);
}

/* ==========================================================================
   B. ESTILOS DA TELA DE LEITURA (SINGLE)
   ========================================================================== */
.hertz-single-article {
	max-width: 760px; /* Largura focada e confortável para artigos densos */
	margin: 0 auto;
}
.hertz-article-taxonomies a {
	background: var(--hertz-bg-light);
	color: var(--hertz-primary);
	border: 1px solid var(--hertz-border);
	padding: 5px 12px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
}
.hertz-article-title {
	font-size: 42px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--hertz-primary);
	margin: 20px 0 15px 0;
	letter-spacing: -0.5px;
}
.hertz-article-meta {
	font-size: 14px;
	color: var(--hertz-muted);
}
.hertz-article-cover {
	margin: 35px 0 40px 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}
.hertz-article-cover img {
	width: 100%;
	height: auto;
	display: block;
}
.hertz-article-content {
	font-size: 18px;
	line-height: 1.8;
	color: var(--hertz-text);
}
.hertz-article-content p {
	margin-bottom: 25px;
}

/* Ajustes Responsivos */
@media (max-width: 768px) {
	.hertz-article-title { font-size: 32px; }
	.hertz-archive-title { font-size: 30px; }
	.hertz-front-container { margin: 30px auto; }
}

/* ==========================================================================
   C. RESET CRÍTICO - REMOÇÃO DOS ELEMENTOS DO TEMA NATIVO
   ========================================================================== */
/* Esconde de forma forçada cabeçalhos, títulos nativos duplicados e rodapés antigos 
   exclusivamente nas páginas gerenciadas pelo Hertz CMS */
body.single-hertz_article #masthead, 
body.archive.post-type-archive-hertz_article #masthead,
body.single-hertz_article .site-header,
body.archive.post-type-archive-hertz_article .site-header,
body.single-hertz_article .entry-header,
body.single-hertz_article .page-header,
body.archive.post-type-archive-hertz_article .page-header,
body.single-hertz_article #colophon,
body.archive.post-type-archive-hertz_article #colophon,
body.single-hertz_article .site-footer,
body.archive.post-type-archive-hertz_article .site-footer {
	display: none !important;
}