/*
Theme Name:   Portal Mogiana
Theme URI:    https://portalmogiana.com.br
Description:  Tema filho do Newspaper — identidade visual Portal Mogiana
Author:       Ernani Baraldi
Author URI:   https://portalmogiana.com.br
Template:     Newspaper
Version:      1.0.0
Text Domain:  mogiana-child
*/

/* ============================================================
   VARIÁVEIS — paleta Portal Mogiana
   ============================================================ */
:root {
  --pm-vermelho:   #8B3A1E;
  --pm-vermelho-escuro: #6B2B14;
  --pm-ocre:       #C97D3A;
  --pm-verde:      #3D5C2E;
  --pm-areia:      #F2EBE0;
  --pm-carvao:     #1E1612;
  --pm-carvao-soft: #2A1F18;
  --pm-texto:      #2C1F18;
  --pm-texto-muted: #7A6A60;
  --pm-borda:      #DDD0C4;
}

/* ============================================================
   TIPOGRAFIA — Roboto Slab + Source Sans 3
   ============================================================ */

/* Títulos — Roboto Slab */
h1, h2, h3, h4, h5, h6,
.entry-title,
.td-post-title h1,
.td_block_title,
.td-module-title,
.td-category-header .entry-title,
.tdb_title .tdb-title-text {
  font-family: 'Roboto Slab', Georgia, serif !important;
  font-weight: 700 !important;
  color: var(--pm-carvao) !important;
}

/* Corpo — Source Sans 3 */
body,
.td-post-content,
.td-excerpt,
p, li, td, th, label, input, button, select, textarea {
  font-family: 'Source Sans 3', Arial, sans-serif !important;
}

/* Logo textual */
.td-header-logo-wrap .td-header-logo-text,
.td-logo-text {
  font-family: 'Roboto Slab', Georgia, serif !important;
  font-weight: 700 !important;
}

/* ============================================================
   HEADER — fundo escuro com barra vermelha
   ============================================================ */

/* Barra superior */
.td-header-top-menu-full,
.td-top-menu {
  background-color: var(--pm-vermelho) !important;
}

.td-top-menu .td-drop-down-search,
.td-top-menu .td-top-menu-social .td-social-icon-wrap i,
.td-top-menu a {
  color: var(--pm-areia) !important;
}

/* Header principal */
.td-header-wrap,
.td-header-style-1 .td-header-main-menu,
.header-logo-wrap,
.td-header-menu-wrap {
  background-color: var(--pm-carvao) !important;
}

/* Logo */
.td-header-logo-wrap .td-header-logo-text {
  color: var(--pm-areia) !important;
  font-size: 26px !important;
}

/* Slogan / tagline */
.td-header-logo-wrap .site-description {
  color: var(--pm-ocre) !important;
  font-family: 'Source Sans 3', Arial, sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* Menu de navegação */
.td-main-menu-logo,
.sf-menu > li > a,
.td-header-main-menu .sf-menu > li > a {
  color: var(--pm-areia) !important;
  font-family: 'Source Sans 3', Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
}

.sf-menu > li > a:hover,
.td-header-main-menu .sf-menu > li.current-menu-item > a {
  color: var(--pm-ocre) !important;
  border-bottom: 2px solid var(--pm-ocre) !important;
}

/* Background do menu */
.td-header-style-1 .td-header-main-menu {
  background-color: var(--pm-carvao-soft) !important;
}

/* ============================================================
   CATEGORIAS — badges coloridos
   ============================================================ */

.td-post-category,
.entry-category,
.td-category,
a.td-post-category {
  background-color: var(--pm-vermelho) !important;
  color: var(--pm-areia) !important;
  font-family: 'Source Sans 3', Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
  padding: 3px 8px !important;
}

.td-post-category:hover,
a.td-post-category:hover {
  background-color: var(--pm-ocre) !important;
}

/* ============================================================
   CARDS DE ARTIGO
   ============================================================ */

.td_module_flex .td-module-title a,
.td-article-loop .entry-title a,
.td-big-grid-meta .entry-title a {
  font-family: 'Roboto Slab', Georgia, serif !important;
  font-weight: 500 !important;
  color: var(--pm-carvao) !important;
  line-height: 1.35 !important;
}

.td_module_flex .td-module-title a:hover,
.td-article-loop .entry-title a:hover {
  color: var(--pm-vermelho) !important;
}

/* Data e autor */
.td-post-date,
.td-module-meta-info,
.entry-date,
.td-author {
  font-family: 'Source Sans 3', Arial, sans-serif !important;
  font-size: 12px !important;
  color: var(--pm-texto-muted) !important;
}

/* Excerpt */
.td-excerpt {
  font-size: 14px !important;
  color: var(--pm-texto-muted) !important;
  line-height: 1.65 !important;
}

/* ============================================================
   LINKS — cor principal
   ============================================================ */

a {
  color: var(--pm-vermelho) !important;
}

a:hover {
  color: var(--pm-ocre) !important;
}

/* ============================================================
   PÁGINA DE ARTIGO
   ============================================================ */

.td-post-content {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: var(--pm-texto) !important;
}

.td-post-content h2,
.td-post-content h3 {
  color: var(--pm-vermelho) !important;
  margin-top: 2em !important;
}

/* Linha decorativa abaixo do título do post */
.td-post-title {
  border-bottom: 3px solid var(--pm-vermelho) !important;
  padding-bottom: 16px !important;
  margin-bottom: 24px !important;
}

/* ============================================================
   SIDEBAR — títulos de blocos
   ============================================================ */

.td_block_title,
.widgettitle,
.widget-title {
  border-top: 3px solid var(--pm-vermelho) !important;
  padding-top: 8px !important;
  font-family: 'Roboto Slab', Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--pm-carvao) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */

.td-footer-wrapper {
  background-color: var(--pm-carvao) !important;
  border-top: 4px solid var(--pm-vermelho) !important;
}

.td-footer-wrapper .td-footer-info,
.td-footer-wrapper p,
.td-footer-wrapper a {
  color: var(--pm-areia) !important;
  opacity: 0.85;
}

.td-footer-wrapper a:hover {
  color: var(--pm-ocre) !important;
  opacity: 1;
}

.td-footer-wrapper .widgettitle,
.td-footer-wrapper .widget-title {
  color: var(--pm-ocre) !important;
  border-top-color: var(--pm-ocre) !important;
}

/* ============================================================
   FUNDO GERAL — areia suave
   ============================================================ */

body {
  background-color: #FAF7F3 !important;
}

.td-main-content-wrap,
.td_block_wrap {
  background-color: transparent !important;
}

/* ============================================================
   BARRA DE BREAKING NEWS / TRENDING
   ============================================================ */

.td-breaking-news-wrap,
.breaking-news-wrap {
  background-color: var(--pm-vermelho) !important;
}

.td-breaking-news-wrap .td-bn-label {
  background-color: var(--pm-carvao) !important;
  color: var(--pm-areia) !important;
  font-family: 'Roboto Slab', Georgia, serif !important;
}

/* ============================================================
   BOTÕES E PAGINAÇÃO
   ============================================================ */

.td-load-more-wrap a,
.page-nav .current,
.td-pb-row .btn-primary {
  background-color: var(--pm-vermelho) !important;
  color: var(--pm-areia) !important;
  font-family: 'Source Sans 3', Arial, sans-serif !important;
  border: none !important;
  border-radius: 3px !important;
}

.td-load-more-wrap a:hover {
  background-color: var(--pm-ocre) !important;
}

/* ============================================================
   REMOVE banners placeholder (imagens de demo)
   ============================================================ */

img[src*="newspaper-rec"] {
  display: none !important;
}