/*
Theme Name: 2N Blog
Theme URI: https://2nweb.com.br/blog/
Author: 2N Digital
Author URI: https://2nweb.com.br/
Description: Tema leve criado para o /blog/ do site institucional 2nweb.com.br, replicando o header, footer, cores e tipografia do site estático principal (mesmos arquivos assets/css/style.css e assets/2n/2n-theme.css, carregados via URL absoluta do domínio raiz). Sem page builder, sem plugins de terceiros — só fidelidade visual com o restante do site.
Version: 1.0
Requires PHP: 7.4
Text Domain: 2n-blog
*/

/* Este arquivo existe só para o WordPress reconhecer o tema (cabeçalho obrigatório).
   Todo o CSS visual real vem do próprio site (assets/css/style.css + assets/2n/2n-theme.css),
   carregado via wp_enqueue_style() com URL absoluta em functions.php — garante que o /blog/
   nunca fique dessincronizado do restante do site quando o CSS principal for atualizado. */

/* Ajustes mínimos específicos do WordPress (galeria/legenda nativas, alinhamentos de imagem
   do editor de blocos) para não quebrar o post quando o autor usar recursos padrão do WP. */
.ul-post-content .alignleft { float: left; margin: 0 24px 16px 0; }
.ul-post-content .alignright { float: right; margin: 0 0 16px 24px; }
.ul-post-content .aligncenter { display: block; margin: 24px auto; }
.ul-post-content .wp-caption { max-width: 100%; }
.ul-post-content .wp-caption-text { font-size: 13px; color: var(--ul-gray, #726B7D); text-align: center; margin-top: 8px; }
.ul-post-content img { max-width: 100%; height: auto; border-radius: 14px; }

/* Tipografia do corpo do post — herda a fonte do site (Plus Jakarta Sans) e usa as cores/
   variáveis reais do tema (--ul-primary, --ul-c4, --ul-gray) já definidas em style.css. */
.ul-post-content {
    max-width: 800px;
    margin: 0 auto;
    color: var(--ul-gray, #726B7D);
    font-size: 17px;
    line-height: 1.8;
}
.ul-post-content h2,
.ul-post-content h3,
.ul-post-content h4 {
    color: var(--ul-c4, #0A165E);
    font-weight: 700;
    margin: 36px 0 16px;
}
.ul-post-content h2 { font-size: 28px; }
.ul-post-content h3 { font-size: 22px; }
.ul-post-content p { margin: 0 0 20px; }
.ul-post-content ul,
.ul-post-content ol { margin: 0 0 20px; padding-left: 22px; }
.ul-post-content li { margin-bottom: 8px; }
.ul-post-content a { color: var(--ul-primary, #2B4DFF); text-decoration: underline; }
.ul-post-content blockquote {
    border-left: 4px solid var(--ul-primary, #2B4DFF);
    background: var(--ul-c3, #F0F3FF);
    padding: 18px 24px;
    border-radius: 0 14px 14px 0;
    margin: 28px 0;
    font-style: italic;
    color: var(--ul-c4, #0A165E);
}

.ul-post-meta-top {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    margin-bottom: 30px;
}

.ul-post-tags {
    max-width: 800px;
    margin: 40px auto 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.ul-post-tags a {
    font-size: 13px;
    font-weight: 600;
    color: var(--ul-c4, #0A165E);
    background: var(--ul-c3, #F0F3FF);
    padding: 6px 16px;
    border-radius: 30px;
    text-decoration: none;
}
.ul-post-tags a:hover { background: var(--ul-primary, #2B4DFF); color: #fff; }

.ul-post-nav-back {
    max-width: 800px;
    margin: 40px auto 0;
}

.ul-empty-state {
    text-align: center;
    padding: 40px 0 10px;
    color: var(--ul-gray, #726B7D);
}