/*
Theme Name: Tema Nico
Description: Tema minimalista, ultra-leve e responsivo para loja de ilustrações, gravuras e papelaria autoral.
Author: Desenvolvedor Sênior WP
Version: 1.0.0
Text Domain: temanico
*/

/* Reset e Suavização Global */
body {
    background-color: #faf9f6; /* Off-white solicitado */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #2d3748;
    margin: 0;
    padding: 0;
}

/* Garante que links do WP nativo não conflitem agressivamente */
a {
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Ajustes para imagens de galerias e blocos nativos */
img {
    max-width: 100%;
    height: auto;
}
/* ==========================================================================
   TIPOGRAFIA DO CONTEÚDO (Gutenberg & Editor Clássico)
   ========================================================================== */

/* 1. Títulos (Headings) 
   Pesos leves (300/400) e margens superiores maiores para criar respiro antes de novos assuntos. */
.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
    color: #111827; /* Preto bem suave, não absoluto */
    font-weight: 300; 
    line-height: 1.3;
    margin-top: 2.5em;
    margin-bottom: 1em;
}

.entry-content h1 { font-size: 2.25rem; }
.entry-content h2 { font-size: 1.875rem; }
.entry-content h3 { font-size: 1.5rem; }
.entry-content h4 { font-size: 1.25rem; font-weight: 400; }

/* Remove a margem superior se o título for o primeiro elemento da página */
.entry-content h1:first-child,
.entry-content h2:first-child {
    margin-top: 0;
}

/* 2. Corpo de Texto (Paragraphs) 
   Entrelinhas de 1.8 para leitura fluida e cinza chumbo para não cansar a vista. */
.entry-content p {
    font-size: 1.125rem; /* 18px */
    line-height: 1.8;
    color: #374151;
    margin-bottom: 1.5em;
}

/* Links no meio do texto */
.entry-content a {
    color: #000000;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: opacity 0.2s ease;
}
.entry-content a:hover {
    opacity: 0.6;
}

/* 3. Citações (Blockquotes) 
   Ideal para destacar depoimentos de clientes ou trechos de processos criativos.
   Usa uma linha lateral fina e itálico. */
.entry-content blockquote,
.entry-content .wp-block-quote {
    margin: 3em 0 3em 1.5em;
    padding-left: 1.5em;
    border-left: 1px solid #d1d5db; /* Linha lateral cinza clara */
    font-style: italic;
}

.entry-content blockquote p,
.entry-content .wp-block-quote p {
    font-size: 1.35rem;
    line-height: 1.6;
    color: #4b5563;
    margin-bottom: 0.5em;
}

.entry-content blockquote cite,
.entry-content .wp-block-quote cite {
    font-size: 0.875rem;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #9ca3af;
}

/* 4. Legendas para Imagens (Captions) 
   Letras miúdas, em caixa alta, com tracking aberto (letter-spacing) 
   para um aspecto técnico e curatorial, como em galerias de arte. */
.entry-content figcaption,
.entry-content .wp-caption-text,
.entry-content .wp-element-caption {
    font-size: 0.75rem; /* 12px */
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #9ca3af;
    margin-top: 1.25em;
    margin-bottom: 2.5em;
}

/* 5. Listas Ordenadas e Desordenadas */
.entry-content ul, 
.entry-content ol {
    margin-bottom: 1.5em;
    padding-left: 1.5em;
    color: #374151;
    line-height: 1.8;
}
.entry-content li {
    margin-bottom: 0.5em;
}