/* * CSS Moderno para OJS (Versão Clara)
 * Cores:
 * CINZA CLARO: #cddbe2
 * AZUL CLARO: #06678d
 * AZUL ESCURO: #04285a
 * AZUL MAIS ESCURO: #011733
 */

/* --- 1. CONFIGURAÇÕES GERAIS --- */

body {
    background-color: #cddbe2; /* CINZA CLARO no fundo da página */
    color: #333;
    font-family: 'Noto Sans', sans-serif;
}

/* Cor padrão dos links */
a {
    color: #06678d; /* AZUL CLARO */
}

/* Títulos principais (Notícias, Edição Atual) */
h2,
h3 {
    color: #011733; /* AZUL MAIS ESCURO */
    border-bottom: 2px solid #06678d; /* AZUL CLARO */
    padding-bottom: 8px;
}

/* --- 2. CABEÇALHO (HEADER) --- */

.pkp_structure_head {
    background-color: #04285a; /* AZUL ESCURO */
    border-bottom: 5px solid #06678d; /* AZUL CLARO */
}

/* Título do site - Mantém o texto visível em branco */
.pkp_head_wrapper .pkp_site_name a {
    color: #ffffff;
    font-size: 24px; /* [EDIÇÃO] Aumenta o tamanho da fonte */
    font-weight: 700; /* [EDIÇÃO] Deixa o texto em negrito */
    line-height: 30px; /* [EDIÇÃO] Ajusta a altura da linha */
    display: initial; /* Mantém como inline-block */
    width: initial;
    height: initial;
    background-image: none;
    background-size: initial;
    background-repeat: initial;
    background-position: initial;
    margin: initial;
}

/* Restaurando ajustes para o contêiner do título, removendo overrides de logo */
.pkp_site_name {
    height: initial;
    line-height: initial;
    /* Removendo display: initial; e padding-left: 20px; */
    justify-content: initial;
    align-items: initial;
    text-align: left; /* Alinha o título textual à esquerda por padrão */
}

@media (min-width: 992px) {
    .pkp_site_name {
        text-align: left; /* Alinha o título textual à esquerda em telas maiores */
    }
}

/* Links do menu principal */
.pkp_navigation_primary ul li a {
    color: #04285a; /* AZUL ESCURO */
}
.pkp_navigation_primary ul li a:hover {
    color: #cddbe2; /* CINZA CLARO */
    background-color: #06678d; /* AZUL CLARO */
}

/* Estilos para o Dropdown 'Sobre' */
.pkp_navigation_primary ul li .dropdown-menu {
    background-color: #ffffff !important;
}

.pkp_navigation_primary ul li .dropdown-menu li {
    background-color: #ffffff !important;
}

.pkp_navigation_primary ul li .dropdown-menu li a {
    color: #ffffff !important; /* Texto branco para contraste */
    background-color: #011733 !important; /* AZUL MAIS ESCURO para o fundo do link */
}

.pkp_navigation_primary ul li .dropdown-menu li a:hover {
    color: #cddbe2 !important; /* CINZA CLARO para o hover */
    background-color: #06678d !important; /* AZUL CLARO para o fundo do hover */
}

/* Botão de busca */
.pkp_search button {
    background-color: #06678d; /* AZUL CLARO */
    color: #ffffff;
}

/* Barra de usuário (login, perfil) */
.pkp_navigation_user_wrapper {
    background-color: #011733; /* AZUL MAIS ESCURO */
}
.pkp_navigation_user_wrapper a {
    color: #ffffff;
}
.pkp_navigation_user_wrapper a:hover {
    color: #cddbe2;
}

/* Estilos para o Dropdown do perfil (Login, Cadastro) - CORREÇÃO */
.pkp_navigation_user .dropdown-menu {
    background-color: #ffffff;
}

.pkp_navigation_user .dropdown-menu li a {
    color: #04285a !important; /* AZUL ESCURO para o texto normal */
    background-color: transparent !important;
}

.pkp_navigation_user .dropdown-menu li a:hover {
    color: #cddbe2 !important; /* CINZA CLARO no hover */
    background-color: #06678d !important; /* AZUL CLARO no fundo do hover */
}

/* --- 3. CONTEÚDO PRINCIPAL (Notícias, Edição Atual, Edições Anteriores, etc.) --- */

.cmp_announcements,
.current_issue,
.additional_content,
.cmp_notification,
.submission_checklist,
.author_guidelines,
.section_policy,
.copyright_notice,
.privacy_statement,
.obj_issue_toc .section,
.obj_issue_summary,
.obj_article_details .item { /* [NOVA EDIÇÃO] .obj_article_details .item adicionado para layout de card */
    background-color: #ffffff; /* Fundo BRANCO para os "cards" */
    border-radius: 8px;
    padding: 20px;
    margin: 0 0 25px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra mais suave */
}

/* Esconder a seção "Condições para submissão" */
.submission_checklist {
    display: none !important;
}

/* Títulos dos artigos e notícias */
.obj_article_summary .title,
.obj_announcement_summary h3 a {
    color: #04285a; /* AZUL ESCURO */
    font-weight: bold;
}
.obj_article_summary .title:hover,
.obj_announcement_summary h3 a:hover {
    color: #06678d; /* AZUL CLARO */
}

/* Links de PDF */
.obj_galley_link.pdf {
    background-color: #06678d; /* AZUL CLARO */
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
}
.obj_galley_link.pdf:hover {
    background-color: #04285a; /* AZUL ESCURO */
    color: #ffffff;
}

/* --- 4. BARRA LATERAL (SIDEBAR) --- */

.pkp_structure_sidebar .pkp_block {
    background-color: #ffffff;
    border: none !important; /* Remove borda padrão */
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px; /* [EDIÇÃO] Adiciona margem entre blocos */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.pkp_structure_sidebar .pkp_block .title {
    color: #011733; /* AZUL MAIS ESCURO */
    font-weight: bold;
    border-bottom: 2px solid #06678d;
    padding-bottom: 8px;
}

/* [EDIÇÃO] Ajuste específico para o bloco do botão "Enviar Submissão" */
.pkp_block.block_make_submission {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

.block_make_submission_link {
    display: block;
    background-color: #06678d; /* AZUL CLARO */
    color: #ffffff;
    padding: 18px 25px; /* Aumentado o padding para um botão maior */
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em; /* Aumentado o tamanho da fonte */
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Adiciona uma sombra para profundidade */
}
.block_make_submission_link:hover {
    background-color: #04285a; /* AZUL ESCURO */
    color: #ffffff;
    transform: translateY(-2px); /* Efeito de "levantar" */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Sombra mais pronunciada no hover */
}

/* --- 5. RODAPÉ (FOOTER) --- */

/* [EDIÇÃO] Rodapé com fundo claro */
.pkp_structure_footer_wrapper {
    background-color: #ffffff; /* Fundo BRANCO */
    color: #011733; /* Texto escuro */
    border-top: 5px solid #04285a; /* AZUL ESCURO */
    padding-top: 20px;
}

.pkp_footer_content,
.pkp_footer_content p {
    color: #011733; /* Garante que todo texto no rodapé seja escuro */
}

.pkp_footer_content a {
    color: #06678d; /* Links em AZUL CLARO */
}
.pkp_footer_content a:hover {
    color: #04285a;
}

/* [EDIÇÃO] Remove o filtro de inversão da imagem do OJS */
.pkp_brand_footer img {
    filter: none;
    -webkit-filter: none;
}

/* NOVO: Estilo para a logo inserida via CSS acima do bloco de notícias na página inicial */
.page_index_journal::before {
    content: ''; /* Conteúdo vazio, a imagem será o background */
    display: block;
    width: 79px; /* Largura da imagem da logo */
    height: 150px; /* Altura da imagem da logo */
    background-image: url('https://i.imgur.com/1WJiPFM.png');
    background-size: contain; /* Ajusta a imagem para caber sem cortar */
    background-repeat: no-repeat;
    background-position: center; /* Centraliza a imagem dentro do elemento */
    margin: 0 0 25px auto; /* [EDIÇÃO] Alinha à direita e adiciona margem inferior */
    background-color: #04285a; /* [EDIÇÃO] Fundo AZUL ESCURO para o card da logo */
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
    padding: 10px; /* Adiciona padding interno para o efeito de card */
    box-sizing: content-box; /* Garante que o padding não aumente o width/height total */
}


/* --- 6. [EDIÇÃO] Abordagem "Bulldozer" para remover bordas e sombras indesejadas --- */

.cmp_announcements.highlight_first,
.additional_content,
.obj_announcement_summary,
.obj_article_summary,
.obj_issue_toc .section,
.cmp_article_list,
.sections,
.obj_issue_toc,
.highlight_first,
.cmp_notification,
.submission_checklist,
.author_guidelines,
.section_policy,
.copyright_notice,
.privacy_statement,
.issues_archive, /* [EDIÇÃO] Adicionado para remover bordas da lista de edições anteriores */
.issues_archive > li, /* [NOVA EDIÇÃO] Adicionado para remover bordas dos itens da lista de edições */
.obj_article_details .item, /* [NOVA EDIÇÃO] Adicionado para remover bordas dos itens do artigo */
/* Seletores para pseudo-elementos */
.cmp_announcements.highlight_first::before,
.cmp_announcements.highlight_first::after,
.additional_content::before,
.additional_content::after,
.obj_announcement_summary::before,
.obj_announcement_summary::after,
.obj_article_summary::before,
.obj_article_summary::after,
.obj_issue_summary::before, /* [EDIÇÃO] Adicionado para pseudo-elementos de obj_issue_summary */
.obj_issue_summary::after, /* [EDIÇÃO] Adicionado para pseudo-elementos de obj_issue_summary */
.highlight_first::before,
.highlight_first::after,
.cmp_notification::before,
.cmp_notification::after,
.submission_checklist::before,
.submission_checklist::after,
.author_guidelines::before,
.author_guidelines::after,
.section_policy::before,
.section_policy::after,
.copyright_notice::before,
.copyright_notice::after,
.privacy_statement::before,
.privacy_statement::after,
.issues_archive > li::before, /* [NOVA EDIÇÃO] Adicionado para remover pseudo-elementos dos itens da lista de edições */
.issues_archive > li::after, /* [NOVA EDIÇÃO] Adicionado para remover pseudo-elementos dos itens da lista de edições */
.obj_article_details .item::before, /* [NOVA EDIÇÃO] Adicionado para remover pseudo-elementos dos itens do artigo */
.obj_article_details .item::after /* [NOVA EDIÇÃO] Adicionado para remover pseudo-elementos dos itens do artigo */
{
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important; /* [EDIÇÃO] Remove bordas verticais */
    border-right: none !important; /* [EDIÇÃO] Remove bordas verticais */
    box-shadow: none !important;
    background-image: none !important; /* Remove fundos que podem parecer bordas */
}

/* Recria o espaçamento que as bordas removidas davam */
.obj_announcement_summary,
.obj_article_summary {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* [EDIÇÃO] Ajusta a margem da lista de edições anteriores */
.issues_archive {
    margin: 0 0 25px 0 !important; /* Remove margens negativas e adiciona margem inferior */
}

.issues_archive > li {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* --- 7. [NOVA EDIÇÃO] Remove Bordas Laterais (Pseudo-elementos) --- */
/*
 * Esta é a regra que estava criando as bordas verticais.
 * Elas não eram 'borders', mas sim pseudo-elementos ::before e ::after
 * no '.pkp_structure_main' com 1px de largura e um fundo cinza (#ddd).
 * A regra abaixo desativa eles permanentemente.
 */
.pkp_structure_main::before,
.pkp_structure_main::after {
    display: none !important;
    background: none !important; /* Dupla garantia */
}

/* --- NOVAS EDIÇÕES PARA PÁGINA DO ARTIGO --- */

/* Aumentar tamanho do título do artigo */
.obj_article_details .page_title {
    font-size: 28px; /* Aumenta o tamanho da fonte para o título principal do artigo */
    line-height: 1.2; /* Ajusta a altura da linha */
    margin-bottom: 15px; /* Adiciona um pouco de espaço abaixo do título */
}

/* Aumentar tamanho do subtítulo do artigo */
.obj_article_details > .subtitle {
    font-size: 20px; /* Aumenta o tamanho da fonte para o subtítulo do artigo */
    line-height: 1.3; /* Ajusta a altura da linha */
    font-weight: 500; /* Pode deixar um pouco mais leve que o título principal */
    margin-bottom: 25px; /* Adiciona um pouco mais de espaço abaixo do subtítulo */
}

/* Margem lateral entre blocos no layout de 2 colunas da página do artigo */
@media (min-width: 768px) {
    .obj_article_details .main_entry {
        width: calc(100% - 300px - 20px); /* Ajusta a largura para criar um espaço de 20px */
        margin-right: 20px; /* Cria a margem entre os blocos */
    }
    .obj_article_details .entry_details {
        width: 300px; /* Mantém a largura do bloco lateral */
        margin-left: 0; /* Garante que não haja margem extra à esquerda */
    }
}

@media (min-width: 992px) {
    .obj_article_details .main_entry {
        width: calc(100% - 300px - 30px); /* Ajusta a largura para criar um espaço de 30px em telas maiores */
        margin-right: 30px; /* Cria a margem entre os blocos */
    }
}

/* [NOVA EDIÇÃO] Adiciona margem entre pkp_structure_main e pkp_structure_sidebar */
@media (min-width: 992px) {
    .pkp_structure_main {
        width: calc(100% - 300px - 20px); /* Reduz a largura para acomodar a sidebar (300px) e um espaço de 20px */
        margin-right: 20px; /* Adiciona uma margem de 20px à direita do conteúdo principal */
    }
}


/* EDIÇÕES SOLICITADAS AGORA - REVISED */

/* Reverte o estilo aplicado anteriormente que transformava todo o artigo em um único card */
article.obj_article_details {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0 0 25px 0; /* Mantém a margem externa geral para espaçamento */
    box-shadow: none;
}

/* 1. Cria um bloco branco específico para Título e Subtítulo */
/* O título principal atua como o topo deste bloco, e o subtítulo se integra visualmente */
.obj_article_details .page_title {
    /* Garante a linha azul e cor escura */
    border-bottom: 2px solid #06678d; /* Linha azul clara */
    color: #011733; /* AZUL MAIS ESCURO */

    /* Estilo de card para o bloco de Título e Subtítulo */
    background-color: #ffffff;
    border-top-left-radius: 8px; /* Borda arredondada superior */
    border-top-right-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
    padding: 20px 20px 10px 20px; /* Padding interno: Top, Right, Bottom (reduzido para subtítulo), Left */
    margin-top: 0; /* Remove margem superior padrão */
    margin-bottom: 0; /* Remove margem inferior padrão para conectar com subtítulo */
}

/* Integra visualmente o subtítulo ao bloco do título */
.obj_article_details > .subtitle {
    color: #011733; /* AZUL MAIS ESCURO */
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    margin-top: 0; /* Remove margem superior para conectar com título */
    margin-bottom: 25px; /* Margem inferior para separar do próximo bloco de item */
    background-color: #ffffff; /* Fundo branco para visualmente fundir com o título */
    border-bottom-left-radius: 0; /* Borda reta na parte de baixo */
    border-bottom-right-radius: 0; /* Borda reta na parte de baixo */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra para visualmente fundir com o título */
    padding: 10px 20px 20px 20px; /* Padding interno: Top (espaço do título), Right, Bottom, Left */
}

/* Correção para quando não há subtítulo: o título se torna o final do card */
.obj_article_details .page_title:not(+ .subtitle) {
    border-bottom: none; /* Remove a linha azul se não houver subtítulo */
    border-bottom-left-radius: 8px; /* Arredonda os cantos inferiores */
    border-bottom-right-radius: 8px;
    margin-bottom: 25px; /* Adiciona a margem inferior necessária */
    padding-bottom: 20px; /* Ajusta o padding inferior */
}

/* 2. Alinhar o card de título + subtítulo com a div com classe "row" */
@media (min-width: 768px) {
    .obj_article_details .page_title,
    .obj_article_details > .subtitle {
        width: auto; /* Permite que o elemento se expanda com as margens negativas */
        float: none; /* Garante que seja um elemento de bloco */

        /* Corresponde às margens negativas do .obj_article_details .row para estender sua largura */
        margin-left: -20px;
        margin-right: -20px;

        /* Os paddings internos já estão definidos, não precisam ser redefinidos aqui */
    }
}

@media (min-width: 992px) {
    .obj_article_details .page_title,
    .obj_article_details > .subtitle {
        margin-left: -30px; /* Corresponde à margem negativa mais larga do .row */
        margin-right: -30px; /* Corresponde à margem negativa mais larga do .row */

        /* Os paddings internos já estão definidos, não precisam ser redefinidos aqui */
    }
}
/* Limpar o float para que os elementos seguintes não flutuem ao lado */
.obj_article_details > .subtitle::after {
    content: "";
    display: table;
    clear: both;
}

/* Os `.obj_article_details .item` já recebem o estilo de card do bloco `--- 3. CONTEÚDO PRINCIPAL ---` */
/* Portanto, não é necessário redefinir seus estilos de card individualmente aqui. */

/* 3. Mais padding superior nos blocos de DOI e Palavras-chave */
.obj_article_details .item.doi,
.obj_article_details .item.keywords {
    padding-top: 20px; /* Aumenta o padding superior para estes itens */
}

/* 4. Remover linhas de borda cinza padrão do OJS na página do artigo */
/* Remove bordas do layout de 2 colunas */
@media (min-width: 768px) {
    .obj_article_details .row {
        border-top: none !important;
        border-bottom: none !important;
    }
    .obj_article_details .main_entry {
        border-right: none !important;
    }
    .obj_article_details .entry_details {
        border-left: none !important;
    }
}