/* ==========================================================================
   FOLHA DE ESTILO ATUALIZADA E REFATORADA — REVISTA CALETROSCÓPIO (OJS 3.5.0-5)
   Baseada no CSS original da Caletroscópio e harmonizada com o siteStyle-ojs3.5.0-5
   Autor original: Equipe Front-End Caletroscópio (OJS 3.1)
   Atualizado para OJS 3.5 por Gemini Notebook
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CONFIGURAÇÕES GLOBAIS E TIPOGRAFIA (Sobrescrevendo o Portal para Azul)
   -------------------------------------------------------------------------- */
html, body {
    font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* Links padrão com a cor azul assinatura da revista */
a {
    color: #007bd9;
    transition: color 0.2s ease;
}

a:hover, 
a:focus {
    color: #6298ae !important; /* Azul mais claro para hovers */
}

/* --------------------------------------------------------------------------
   2. CABEÇALHO, BANNER E LOGO DA REVISTA
   -------------------------------------------------------------------------- */
.pkp_structure_head {
    background-color: #007bd9 !important;
    border-bottom: 1px solid #ddd !important;
}

.pkp_site_name_wrapper {
    padding: 20px !important;
}

/* Alinha e limita a altura máxima da logo da Caletroscópio sem distorcer */
.pkp_site_name .is_img img {
    max-height: 180px !important; /* Mantém a altura máxima original de 180px */
    width: auto !important; /* Impede distorções de estiramento de largura total */
    margin: 0 auto !important;
}

/* --------------------------------------------------------------------------
   3. MENU DE NAVEGAÇÃO PRINCIPAL (Sobrescrevendo o tom marrom do portal para Branco/Azul)
   -------------------------------------------------------------------------- */
/* Altera o fundo do menu de marrom escuro UFOP para Branco Clássico */
.pkp_site_nav_menu {
    background: #fff !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 30px;
    padding-right: 0px;
    width: auto;
}

/* Links do menu principal */
#navigationPrimary > li > a {
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.54) !important; /* Cinza escuro original */
    font-weight: 700 !important;
    text-transform: uppercase;
    padding-bottom: 6px;
    border-bottom: 4px solid transparent !important;
    transition: color 0.2s, border-color 0.2s;
}

#navigationPrimary > li > a:hover, 
#navigationPrimary > li > a:focus {
    color: #007bd9 !important; /* Azul nas interações */
    border-color: #007bd9 !important;
}

#navigationPrimary > [aria-haspopup] > a:hover, 
#navigationPrimary > [aria-haspopup] > a:focus {
    border-color: transparent !important; /* Remove bordas para itens com submenu */
}

/* Dropdown/Submenu suspenso - Azul Caletroscópio */
#navigationPrimary ul {
    background: #007bd9 !important; 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
}

#navigationPrimary ul li {
    background-color: #007bd9 !important;
}

#navigationPrimary ul a {
    color: #fff !important; /* Texto branco */
    background: #007bd9 !important;
    text-transform: none !important;
    font-weight: 400 !important; /* Garante que as opções do submenu não fiquem em negrito pesado */
    border-left: 5px solid transparent !important;
}

#navigationPrimary ul a:hover, 
#navigationPrimary ul a:focus {
    background: #6298ae !important; /* Fundo azul hover */
    border-color: #ffffff !important; /* Borda esquerda branca */
    color: #fff !important;
}

/* --------------------------------------------------------------------------
   4. MENU DO USUÁRIO E BARRA DE BUSCA (Ajustes críticos de legibilidade)
   -------------------------------------------------------------------------- */
/* Links de navegação do usuário no topo ajustados para cinza sobre fundo branco */
.pkp_navigation_user_wrapper a,
.pkp_navigation_user a {
    color: rgba(0, 0, 0, 0.54) !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700;
}

.pkp_navigation_user_wrapper a:hover,
.pkp_navigation_user a:hover {
    color: #007bd9 !important;
}

/* Busca OJS 3.5 simplificada ajustada para contraste contra o menu de fundo branco */
.pkp_search, .pkp_search_desktop {
    color: rgba(0, 0, 0, 0.54) !important; /* Cinza em vez de branco */
}

.pkp_search:hover, .pkp_search_desktop:hover {
    color: #007bd9 !important;
}

.pkp_search span::before, .pkp_search_desktop span::before {
    color: #007bd9 !important; /* Lupa azul em vez do vermelho do portal */
}

/* Dropdown/Submenu suspenso do usuário - Azul Caletroscópio (Mesmo comportamento do menu principal) */
#navigationUser ul,
.pkp_navigation_user ul {
    background: #007bd9 !important; 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
}

#navigationUser ul li,
.pkp_navigation_user ul li {
    background-color: #007bd9 !important;
}

#navigationUser ul a,
.pkp_navigation_user ul a {
    color: #fff !important; /* Texto branco */
    background: #007bd9 !important;
    text-transform: none !important;
    font-weight: 400 !important; /* Garante que as opções do submenu não fiquem em negrito pesado */
    border-left: 5px solid transparent !important;
}

#navigationUser ul a:hover, 
#navigationUser ul a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
    background: #6298ae !important; /* Fundo azul hover */
    border-color: #ffffff !important; /* Borda esquerda branca */
    color: #fff !important;
}

/* --------------------------------------------------------------------------
   5. BOTÕES, GALÉS E DESTAQUES DE LEIAUTE (Submissão e Leitura)
   -------------------------------------------------------------------------- */
/* Botões do portal adaptados para o azul Caletroscópio */
.cmp_manuscript_button, 
.block_make_submission a, 
.obj_galley_link {
    background: #007bd9 !important;
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 3px;
    transition: background 0.2s ease;
}

.cmp_manuscript_button:hover, 
.cmp_manuscript_button:focus, 
.block_make_submission a:hover, 
.block_make_submission a:focus, 
.obj_galley_link:hover, 
.obj_galley_link:focus {
    background: #6298ae !important;
    color: #fff !important;
}

/* --------------------------------------------------------------------------
   6. EDITIONS, TOC, CAPA E DESTAQUES DE EDIÇÃO (Index do Periódico)
   -------------------------------------------------------------------------- */
/* Títulos das seções de edição e sumário com realce azul (sobrescrevendo o vermelho do portal) */
.pkp_page_index .current_issue h2,
.pkp_page_index .current_issue h3,
.obj_issue_toc > .galleys h2, 
.obj_issue_toc > .galleys h3, 
.obj_issue_toc .section h2,
.obj_issue_toc .section h3 {
    display: inline-block !important;
    color: rgba(0, 0, 0, 0.54) !important;
    border-bottom: 3px solid #007bd9 !important; /* Realce em azul Caletroscópio */
    text-transform: uppercase;
    font-weight: 700 !important;
    padding-bottom: 0.5em !important;
    left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Links do sumário e títulos dos artigos */
.obj_article_summary > .title a {
    color: #007bd9 !important;
}

.obj_article_summary > .title a:hover,
.obj_article_summary > .title a:focus {
    color: #6298ae !important;
}

/* --------------------------------------------------------------------------
   7. DETALHES DO ARTIGO (obj_article_details)
   -------------------------------------------------------------------------- */
/* Realce azul nos títulos de metadados internos do artigo (sobrescrevendo o vermelho do portal) */
.obj_article_details .main_entry .item .label,
.obj_article_details .main_entry .label {
    display: inline-block !important;
    padding: 0 0 5px !important;
    border-bottom: 3px solid #007bd9 !important; /* Azul em vez do vermelho UFOP */
    color: rgba(0, 0, 0, 0.54) !important;
    text-transform: uppercase !important;
}

/* Rótulos secundários da sidebar de detalhes do artigo */
.obj_article_details .entry_details .sub_item:not(:first-child) .label {
    border-bottom: 3px solid #007bd9 !important;
}

/* Links de ORCID e DOI nos detalhes do artigo */
.obj_article_details .orcid a, 
.obj_article_details .doi a {
    color: rgba(0, 0, 0, 0.87) !important;
}

.obj_article_details .orcid a:hover, 
.obj_article_details .doi a:hover {
    color: #007bd9 !important;
    text-decoration: underline !important;
}

/* --------------------------------------------------------------------------
   8. BARRAS LATERAIS E INFRAESTRUTURA DE RÓTULOS (OJS 3.5)
   -------------------------------------------------------------------------- */
/* Borda inferior azul decorativa para títulos dos blocos da barra lateral */
.pkp_block .title {
    display: inline-block !important;
    padding-bottom: 0.5em !important;
    border-bottom: 3px solid #007bd9 !important; /* Azul Caletroscópio */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: rgba(0, 0, 0, 0.54) !important;
}

/* --------------------------------------------------------------------------
   9. ELEMENTOS GRÁFICOS DO LEITOR DE PDF E TELA CHEIA (.header_view)
   -------------------------------------------------------------------------- */
.header_view {
    background: #007bd9 !important; /* Cabeçalho do leitor de PDF em azul */
    color: #fff !important;
}

.header_view .title {
    color: #fff !important;
}

.header_view .title:hover, 
.header_view .title:focus {
    background: #6298ae !important;
    color: #fff !important;
}

.header_view .return,
.header_view .download {
    color: #007bd9 !important;
}

.header_view .return:hover, 
.header_view .return:focus,
.header_view .download:hover,
.header_view .download:focus {
    background: #6298ae !important;
    color: #fff !important;
}

/* --------------------------------------------------------------------------
   10. RODAPÉ (FOOTER) - Finalização com Barra Azul Caletroscópio
   -------------------------------------------------------------------------- */
/* Sobrescreve a barra inferior preta do portal para aplicar a barra azul de fechamento */
.pkp_structure_footer_wrapper {
    border-bottom: 20px solid #007bd9 !important; /* Azul clássico de finalização */
}

.pkp_structure_footer {
    border-bottom: none !important; /* Impede a duplicação ou conflito de bordas */
}


/* --------------------------------------------------------------------------
   11. ANÚNCIOS (Ajustes de cores de data e links)
   -------------------------------------------------------------------------- */
/* Altera o ícone de calendário/ponto da data nos anúncios do portal (vermelho) para o azul Caletroscópio */
.cmp_announcements .date:before,
.cmp_announcements .date::before {
    color: #007bd9 !important;
}