/*
Theme Name:        Hemingway Child — EMRIOS
Theme URI:         https://emrios.com.br
Description:       Tema filho do Hemingway com identidade visual EMRIOS (roxo, dourado, branco) e fonte Montserrat.
Author:            Edilayne Rios
Author URI:        https://emrios.com.br
Template:          hemingway
Version:           1.0.0
License:           GNU General Public License v2 or later
License URI:       http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       hemingway-child
*/

/* =========================================================
   IDENTIDADE VISUAL EMRIOS
   Roxo:    #4E1B5D
   Dourado: #E2C15A
   Branco:  #FFFFFF
   Fonte:   Montserrat (Google Fonts)
   ========================================================= */

/* ----- Variáveis de cor ----- */
:root {
  --roxo:         #4E1B5D;
  --roxo-escuro:  #3A1145;
  --roxo-claro:   #6B2E80;
  --dourado:      #E2C15A;
  --dourado-hover:#C9A83A;
  --branco:       #FFFFFF;
  --cinza-claro:  #F8F4FA;
  --cinza-texto:  #444444;
  --fonte:        'Montserrat', Arial, sans-serif;
}

/* ----- Tipografia global ----- */
body,
button,
input,
select,
textarea {
  font-family: var(--fonte);
}

body {
  color: var(--cinza-texto);
}

/* ----- Cabeçalho (header) ----- */
.header {
  background-color: var(--roxo) !important;
  background-image: none !important; /* Remove imagem padrão se não houver customizada */
}

.header-inner {
  background: rgba(78, 27, 93, 0.85);
  padding: 20px 0;
}

/* Nome do blog */
.blog-logo a,
.blog-logo a:visited,
.blog-logo div,
.blog-title {
  color: var(--branco) !important;
  font-family: var(--fonte) !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.blog-description,
.blog-intro {
  color: var(--dourado) !important;
  font-family: var(--fonte) !important;
  font-size: 0.85rem;
  letter-spacing: 1px;
}

/* ----- Navegação ----- */
.primary-menu li a,
.primary-menu li a:visited {
  color: var(--branco) !important;
  font-family: var(--fonte);
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transition: color 0.2s ease;
}

.primary-menu li a:hover,
.primary-menu li a:focus,
.primary-menu .current-menu-item > a {
  color: var(--dourado) !important;
}

/* Separador do menu */
.primary-menu li + li::before {
  color: var(--dourado) !important;
  opacity: 0.5;
}

/* ----- Títulos de posts e páginas ----- */
.entry-title a,
.entry-title a:visited {
  color: var(--roxo) !important;
  font-family: var(--fonte);
  font-weight: 700;
  transition: color 0.2s ease;
}

.entry-title a:hover {
  color: var(--dourado-hover) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--fonte);
  font-weight: 700;
  color: var(--roxo);
}

/* ----- Links ----- */
a {
  color: var(--roxo);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--dourado-hover);
}

/* ----- Linha decorativa abaixo do cabeçalho ----- */
.header-cover {
  border-bottom: 3px solid var(--dourado) !important;
}

/* ----- Metadados do post (data, categoria, autor) ----- */
.post-meta,
.post-meta a,
.entry-meta,
.entry-meta a {
  color: var(--roxo-claro) !important;
  font-family: var(--fonte);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.post-meta a:hover,
.entry-meta a:hover {
  color: var(--dourado-hover) !important;
}

/* ----- Linha separadora entre posts ----- */
.post + .post::before,
.post-separator {
  border-color: var(--dourado) !important;
  opacity: 0.4;
}

/* ----- "Leia mais" / Continue reading ----- */
.read-more-button,
a.more-link {
  background-color: var(--roxo);
  color: var(--branco) !important;
  font-family: var(--fonte);
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 8px 18px;
  border-radius: 3px;
  display: inline-block;
  transition: background-color 0.2s ease, color 0.2s ease;
}

a.more-link:hover,
.read-more-button:hover {
  background-color: var(--dourado-hover) !important;
  color: var(--roxo) !important;
}

/* ----- Barra lateral (sidebar) ----- */
.sidebar .widget-title {
  color: var(--roxo);
  font-family: var(--fonte);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-bottom: 2px solid var(--dourado);
  padding-bottom: 6px;
  margin-bottom: 12px;
}

.sidebar a {
  color: var(--roxo);
}

.sidebar a:hover {
  color: var(--dourado-hover);
}

/* ----- Rodapé ----- */
.footer-widgets {
  background-color: var(--roxo-escuro) !important;
  border-top: 3px solid var(--dourado) !important;
}

.footer-widgets .widget-title {
  color: var(--dourado) !important;
  font-family: var(--fonte);
  letter-spacing: 2px;
}

.footer-widgets p,
.footer-widgets li,
.footer-widgets a {
  color: rgba(255, 255, 255, 0.85) !important;
  font-family: var(--fonte);
}

.footer-widgets a:hover {
  color: var(--dourado) !important;
}

.footer-bottom,
.footer-info {
  background-color: var(--roxo-escuro) !important;
  color: rgba(255, 255, 255, 0.6) !important;
  font-family: var(--fonte);
  font-size: 0.75rem;
  border-top: 1px solid rgba(226, 193, 90, 0.3);
}

/* ----- Imagem de destaque ----- */
.post-thumbnail img,
.wp-post-image {
  border-radius: 4px;
  transition: opacity 0.2s ease;
}

.post-thumbnail:hover img {
  opacity: 0.9;
}

/* ----- Conteúdo do post ----- */
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  color: var(--roxo);
  font-family: var(--fonte);
}

.entry-content blockquote {
  border-left: 4px solid var(--dourado) !important;
  background: var(--cinza-claro);
  padding: 12px 20px;
  font-style: italic;
  color: var(--roxo);
}

.entry-content strong {
  color: var(--roxo);
}

/* ----- Formulário de comentários ----- */
.comment-form input[type="submit"],
input[type="submit"],
button[type="submit"],
.button,
.wp-block-button__link {
  background-color: var(--roxo) !important;
  color: var(--branco) !important;
  font-family: var(--fonte) !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  border: none;
  border-radius: 3px;
  transition: background-color 0.2s ease;
}

.comment-form input[type="submit"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: var(--dourado-hover) !important;
  color: var(--roxo) !important;
}

/* ----- Paginação ----- */
.pagination a,
.pagination span,
.nav-links a {
  color: var(--roxo) !important;
  font-family: var(--fonte);
  font-weight: 600;
}

.pagination .current,
.nav-links .current {
  background-color: var(--roxo) !important;
  color: var(--branco) !important;
  border-radius: 3px;
  padding: 2px 8px;
}

/* ----- Tags e categorias ----- */
.tag-cloud a,
.cat-item a {
  color: var(--roxo) !important;
}

.tag-cloud a:hover,
.cat-item a:hover {
  color: var(--dourado-hover) !important;
}

/* ----- Responsividade mobile ----- */
@media (max-width: 768px) {
  .header-inner {
    padding: 16px 20px;
  }

  .blog-logo a {
    font-size: 1.3rem;
  }

  .primary-menu li a {
    font-size: 0.9rem;
    padding: 8px 12px;
  }
}

/* =========================================================
   SEÇÃO: RECURSOS GRATUITOS
   (para a página com template template-recursos.php)
   ========================================================= */

.recursos-hero {
  background: linear-gradient(135deg, var(--roxo) 0%, var(--roxo-claro) 100%);
  padding: 60px 30px;
  text-align: center;
  margin-bottom: 50px;
  border-radius: 6px;
}

.recursos-hero h1,
.recursos-hero .hero-titulo {
  color: var(--dourado) !important;
  font-family: var(--fonte);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.recursos-hero p,
.recursos-hero .hero-subtitulo {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.1rem;
  max-width: 560px;
  margin: 0 auto;
}

.recursos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 28px;
  margin: 0 auto 50px auto;
  max-width: 900px;
}

.recurso-card {
  background: #FFFFFF;
  border: 1px solid rgba(78, 27, 93, 0.15);
  border-radius: 8px;
  padding: 28px 24px 22px;
  box-shadow: 0 2px 12px rgba(78, 27, 93, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
}

.recurso-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 24px rgba(78, 27, 93, 0.16);
}

.recurso-card .recurso-icon {
  font-size: 2.5rem;
  margin-bottom: 14px;
}

.recurso-card .recurso-titulo {
  font-family: var(--fonte);
  font-weight: 700;
  font-size: 1rem;
  color: var(--roxo);
  margin-bottom: 8px;
}

.recurso-card .recurso-desc {
  font-family: var(--fonte);
  font-size: 0.88rem;
  color: var(--cinza-texto);
  flex-grow: 1;
  margin-bottom: 18px;
  line-height: 1.6;
}

.recurso-card .recurso-btn {
  display: inline-block;
  background-color: var(--roxo);
  color: var(--branco) !important;
  font-family: var(--fonte);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.2s ease;
}

.recurso-card .recurso-btn:hover {
  background-color: var(--dourado-hover) !important;
  color: var(--roxo) !important;
}

.recurso-card.destaque {
  border: 2px solid var(--dourado);
  background: var(--cinza-claro);
}

.recurso-badge {
  display: inline-block;
  background: var(--dourado);
  color: var(--roxo);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 20px;
  margin-bottom: 12px;
}