/* Breadcrumb padding fix */
.custom-breadcrumb {
    padding-bottom: 1.25rem;
}

/* Correções de espaçamento no header */
body {
    margin: 0;
    padding: 0;
}

.site {
    margin: 0;
    padding: 0;
}

#page {
    margin: 0;
    padding: 0;
}

.site-header {
    margin: 0;
    padding: 0;
}

.bg-header-logo {
    margin: 0;
    padding: 0;
}

/* Ajustar o container do header */
.header-grid-container {
    padding-left: 15px;
    padding-right: 15px;
}

/* Evitar que Bootstrap .row cause overflow horizontal no header fixo */
.bg-header-logo .row {
    margin-left: 0;
    margin-right: 0;
}

/* box-sizing global (margin/padding já definidos no reset.css) */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* ===== Content spacing fixes ===== */
.entry-content {
    line-height: 1.6;
}

.entry-content p {
    margin: 0 0 1rem;
    /* separa parágrafos visualmente */
}

.entry-content ul,
.entry-content ol {
    margin: 0 0 1rem 1.25rem;
    /* espaço e indentação para listas */
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin: 1.25rem 0 0.75rem;
    /* restaura espaçamento de títulos */
}

/* ===== Alinhamento correto de imagens ===== */
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft,
.entry-content .wp-block-image.alignleft {
    float: left !important;
    margin: 0 20px 20px 0 !important;
    display: block !important;
}

.entry-content img.alignright,
.entry-content .wp-caption.alignright,
.entry-content .wp-block-image.alignright {
    float: right !important;
    margin: 0 0 20px 20px !important;
    display: block !important;
}

.entry-content img.aligncenter,
.entry-content .wp-caption.aligncenter,
.entry-content .wp-block-image.aligncenter {
    display: block !important;
    margin: 20px auto !important;
    float: none !important;
}

/* Clearfix para garantir altura correta do container */
.entry-content::after {
    content: "";
    display: block;
    clear: both;
}

/* Este arquivo contém apenas correções específicas e sobrescritas necessárias */


/* ===== CORREÇÃO PRINCIPAL: Permitir alinhamento correto em páginas ===== */
/* Sobrescreve as regras restritivas do style.min.css para permitir texto ao lado de imagens */
/* Versão com máxima especificidade CSS para garantir aplicação */

/* Imagens alinhadas à esquerda - permite texto ao lado */
body .entry-content img.alignleft,
body .entry-content figure.alignleft,
body .entry-content .wp-block-image.alignleft,
body .entry-content .wp-block-image.alignleft img {
    float: left !important;
    margin: 0 20px 20px 0 !important;
    display: block !important;
    clear: none !important;
    max-width: 300px !important;
}

/* Imagens alinhadas à direita - permite texto ao lado */
body .entry-content img.alignright,
body .entry-content figure.alignright,
body .entry-content .wp-block-image.alignright,
body .entry-content .wp-block-image.alignright img {
    float: right !important;
    margin: 0 0 20px 20px !important;
    display: block !important;
    clear: none !important;
    max-width: 300px !important;
}

/* Imagens centralizadas */
body .entry-content img.aligncenter,
body .entry-content figure.aligncenter,
body .entry-content .wp-block-image.aligncenter,
body .entry-content .wp-block-image.aligncenter img {
    display: block !important;
    margin: 20px auto !important;
    float: none !important;
    clear: both !important;
}

/* Permitir que o texto flua ao lado das imagens alinhadas */
body .entry-content .alignleft+p,
body .entry-content .alignright+p,
body .entry-content .wp-caption.alignleft+p,
body .entry-content .wp-caption.alignright+p,
body .entry-content .wp-block-image.alignleft+p,
body .entry-content .wp-block-image.alignright+p {
    clear: none !important;
    margin-top: 0 !important;
}

/* Força aplicação em parágrafos que contêm imagens alinhadas */
body .entry-content p:has(img.alignleft),
body .entry-content p:has(img.alignright) {
    overflow: visible !important;
    clear: none !important;
}

/* Evitar que imagens dentro de parágrafos flutuem (comportamento específico) */
.entry-content p>img.alignleft,
.entry-content p>img.alignright {
    float: none !important;
    display: block !important;
    margin: 0 0 1rem 0 !important;
}

/* ========================================
   CORREÇÃO ESPECÍFICA PARA FRONT-PAGE.PHP
   ======================================== */

/* Permitir float dentro de .page-content .entry-content (front-page.php) */
.page-content .entry-content img.alignleft,
.page-content .entry-content figure.alignleft,
.page-content .entry-content .wp-block-image.alignleft,
.page-content .entry-content .alignleft {
    float: left !important;
    margin: 0 20px 20px 0 !important;
    display: block !important;
}

.page-content .entry-content img.alignright,
.page-content .entry-content figure.alignright,
.page-content .entry-content .wp-block-image.alignright,
.page-content .entry-content .alignright {
    float: right !important;
    margin: 0 0 20px 20px !important;
    display: block !important;
}

.page-content .entry-content .aligncenter {
    display: block !important;
    margin: 20px auto !important;
    float: none !important;
}

/* Permitir que texto flua ao lado das imagens no front-page */
.page-content .entry-content .alignleft+p,
.page-content .entry-content .alignright+p,
.page-content .entry-content img.alignleft+p,
.page-content .entry-content img.alignright+p,
.page-content .entry-content figure.alignleft+p,
.page-content .entry-content figure.alignright+p,
.page-content .entry-content .wp-block-image.alignleft+p,
.page-content .entry-content .wp-block-image.alignright+p {
    clear: none !important;
    margin-top: 0 !important;
}

/* ===== Rodapé: reduz distância logo → texto à metade ===== */
.footer-widgets {
    gap: 15px !important;
}

/* ===== Ícone Home, botão Atalhos e botão Redes Sociais — ocultos no desktop ===== */
/* Regras mobile movidas para css/responsive/mobile.css */
.header-home-link,
.header-shortcut-btn,
.social-share-wrapper {
    display: none; /* ocultos no desktop */
}

/* ===== Mobile search bar: sobrepõe search.css ===== */
#mobile-search-bar {
    background-color: #566694 !important; /* hex sólido equivalente a #1D3770BF sobre branco — igual ao navbar desktop */
}

#mobile-search-bar .mobile-search-inner form {
    width: 80% !important;   /* 20% menor na largura */
    margin: 0 auto !important;
}

#mobile-search-bar input[type="search"] {
    border-radius: 20px 0 0 20px !important;
    border: none !important;
    padding: 8px 12px !important;
    font-size: 0.76rem !important; /* ~20% menor */
    outline: none !important;
    height: auto !important;
}

#mobile-search-bar button[type="submit"] {
    border-radius: 0 20px 20px 0 !important;
    background: var(--bs-uenf-blue, #1d3771) !important;
    border: none !important;
    color: #fff !important;
    padding: 8px 12px !important;
    min-width: 36px !important;
}

#mobile-search-bar button[type="submit"] .search-text {
    display: none !important;
}

/* ===== Cor de todos os títulos h1-h6 ===== */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1d3770bf !important;
}

/* ===== Post meta: ícone + cor muted, colado ao título ===== */
.entry-header .entry-title {
    margin-bottom: -2px !important;
}

.entry-header .entry-meta {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

.entry-header {
    margin-bottom: calc(1.5rem - 2px) !important;
    /* mb-4 padrão menos 2px */
}

.entry-header .entry-meta .posted-on {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 0.78rem !important;
    color: #6c757d !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    font-style: normal !important;
}

.entry-header .entry-meta .posted-on i {
    font-size: 0.75rem !important;
    color: #6c757d !important;
}

/* Título do single post */
.single .entry-title {
    color: #1d3770bf !important;
}

/* Hero image: borda arredondada e sombra suave */
.post-hero-image {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.post-hero-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: cover;
}

/* ===== Tipografia mobile: movida para css/responsive/mobile.css ===== */