/* =========================================================================
   REVISTA EM SAÚDE — Folha de estilos personalizada (OJS · tema Default)
   Identidade UNIEGO · azul-marinho #1E3642 · acento azul-claro #71C8E3
   -------------------------------------------------------------------------
   Aplicação: Configurações → Website → Aparência → "Folha de estilos da
   revista" → Enviar arquivo. Depois limpe o cache do OJS e recarregue com
   CTRL + F5.
   Obs.: a 1ª linha carrega a fonte Poppins (mesma do logo). Se preferir não
   depender de fonte externa, basta apagar a linha @import abaixo.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
  --rs-navy:#1E3642;        /* cor primária (cabeçalho, textos fortes) */
  --rs-navy-dark:#15272F;   /* variação escura */
  --rs-navy-light:#28495A;  /* hover de botões */
  --rs-link:#155E75;        /* links sobre fundo branco (contraste AA) */
  --rs-accent:#71C8E3;      /* acento (detalhes, hover no cabeçalho) */
  --rs-accent-light:#A9DEF0;
  --rs-ink:#2B3A42;         /* texto corrido */
  --rs-paper:#F4F7F9;       /* fundos suaves */
  --rs-border:#E1E8EC;      /* divisórias */
}

/* ---------- Tipografia geral ---------- */
body,
.pkp_structure_page{
  font-family:'Poppins',-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  color:var(--rs-ink);
}
h1,h2,h3,h4,h5,
.pkp_site_name,
.pkp_navigation_primary,
.pkp_navigation_user,
.cmp_button,.pkp_button{
  font-family:'Poppins',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
h1,h2,h3{ color:var(--rs-navy); letter-spacing:-.2px; }

/* =========================================================================
   CABEÇALHO
   Funciona com a imagem de fundo do cabeçalho ativada. Usamos apenas
   propriedades "longhand" de background para NÃO apagar a imagem gerada
   pelo tema (nunca use "background:" abreviado aqui).
   ========================================================================= */
.pkp_structure_head{
  background-color:var(--rs-navy) !important;      /* fundo de segurança */
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border-bottom:3px solid var(--rs-accent) !important;  /* filete de acento */
}
.pkp_head_wrapper{ padding-top:1.4rem; padding-bottom:1.4rem; }

/* Logo: força total para caber inteiro, sem cortar.
   1) libera o overflow de TODO o cabeçalho (o corte vinha de algum contêiner
      com overflow:hidden difícil de prever); 2) redimensiona o logo com alta
      especificidade, para vencer a regra do tema. */
html body .pkp_structure_head,
html body .pkp_structure_head *{
  overflow:visible !important;
}
html body .pkp_structure_head .pkp_site_name,
html body .pkp_structure_head .pkp_site_name a,
html body .pkp_structure_head .pkp_site_name_wrapper{
  width:auto !important;
  max-width:none !important;
}
html body .pkp_structure_head .pkp_site_name .is_img img,
html body .pkp_structure_head .pkp_site_name a img,
html body .pkp_structure_head .pkp_site_name img{
  max-height:72px !important;
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  object-fit:contain !important;
}

/* IMPORTANTE: se o logo AINDA não foi enviado, o OJS mostra o título como
   texto. Estas regras deixam esse texto sóbrio enquanto isso. O ideal é
   enviar o arquivo logo_revista_branco.png no campo "Logotipo". */
.pkp_site_name a.is_text{
  color:#fff !important;
  font-weight:700;
  font-size:2rem;
  line-height:1.15;
  letter-spacing:-.3px;
}

/* Título e navegação do usuário (topo direito) em branco */
.pkp_site_name,
.pkp_site_name a,
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a span,
.pkp_site_nav_toggle,
.pkp_search input::placeholder{
  color:#fff !important;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus{ color:var(--rs-accent) !important; }

/* Submenu da conta (ex.: "jmoura ▾") e QUALQUER menu suspenso do cabeçalho:
   fundo claro + texto navy — corrige a "caixa branca" no canto direito. */
.pkp_navigation_user ul,
.pkp_structure_head nav ul ul{
  background:#fff !important;
  border:1px solid var(--rs-border) !important;
  box-shadow:0 8px 24px rgba(21,39,47,.18) !important;
}
.pkp_navigation_user ul li > a,
.pkp_navigation_user ul li > a span,
.pkp_structure_head nav ul ul li > a,
.pkp_structure_head nav ul ul li > a span{
  color:var(--rs-navy) !important;
  box-shadow:none !important;
}
.pkp_navigation_user ul li > a:hover,
.pkp_navigation_user ul li > a:focus,
.pkp_structure_head nav ul ul li > a:hover,
.pkp_structure_head nav ul ul li > a:focus{
  color:var(--rs-link) !important;
  background:var(--rs-paper) !important;
}

/* ---- Barra de navegação principal (menu) ----
   Fundo navy uniforme — elimina o choque entre os dois azuis. */
.pkp_navigation_primary_wrapper,
ul.pkp_navigation_primary{
  background-color:var(--rs-navy) !important;
}
/* Itens de 1º nível: brancos; hover e item atual em acento */
ul.pkp_navigation_primary > li > a,
ul.pkp_navigation_primary > li > a span,
ul.pkp_navigation_primary > li > button,
ul.pkp_navigation_primary > li > button span{
  color:#fff !important;
}
ul.pkp_navigation_primary > li > a:hover,
ul.pkp_navigation_primary > li > a:focus,
ul.pkp_navigation_primary > li.current > a,
ul.pkp_navigation_primary > li:hover > a{
  color:var(--rs-accent) !important;
  box-shadow:inset 0 -3px 0 0 var(--rs-accent);
}
/* Submenu suspenso (ex.: "Sobre"): fundo CLARO + texto NAVY.
   Corrige a "caixa branca" — antes era texto branco sobre fundo branco. */
ul.pkp_navigation_primary ul{
  background:#fff !important;
  border:1px solid var(--rs-border) !important;
  box-shadow:0 8px 24px rgba(21,39,47,.18) !important;
}
ul.pkp_navigation_primary ul li > a,
ul.pkp_navigation_primary ul li > a span{
  color:var(--rs-navy) !important;
  box-shadow:none !important;
}
ul.pkp_navigation_primary ul li > a:hover,
ul.pkp_navigation_primary ul li > a:focus{
  color:var(--rs-link) !important;
  background:var(--rs-paper) !important;
}
/* Campo de busca do cabeçalho */
.pkp_search input[type="search"],
.pkp_search .pkp_search_input{
  border:1px solid rgba(255,255,255,.35);
  border-radius:6px;
  background:rgba(255,255,255,.12);
  color:#fff;
}

/* =========================================================================
   LINKS E TÍTULOS NO CONTEÚDO
   ========================================================================= */
.pkp_structure_content a,
.pkp_structure_main a{ color:var(--rs-link); }
.pkp_structure_content a:hover,
.pkp_structure_main a:hover{ color:var(--rs-navy); text-decoration:underline; }

/* Títulos de artigos nas listas em azul-marinho */
.obj_article_summary .title a,
.obj_issue_toc .title a{ color:var(--rs-navy) !important; font-weight:600; }
.obj_article_summary .title a:hover,
.obj_issue_toc .title a:hover{ color:var(--rs-link) !important; }

/* Cabeçalhos de seção com filete de acento */
.pkp_structure_main h2{
  border-bottom:2px solid var(--rs-accent);
  padding-bottom:.35rem;
  margin-top:1.6rem;
}

/* =========================================================================
   BOTÕES
   ========================================================================= */
.pkp_button,
.cmp_button,
button.submitFormButton,
input[type="submit"].pkp_button{
  background:var(--rs-navy) !important;
  border:1px solid var(--rs-navy) !important;
  color:#fff !important;
  border-radius:6px !important;
  transition:background .15s ease;
}
.pkp_button:hover,
.cmp_button:hover,
button.submitFormButton:hover{
  background:var(--rs-navy-light) !important;
  border-color:var(--rs-navy-light) !important;
}
/* Botões de download de arquivo (PDF, etc.) como botões sólidos */
.obj_galley_link{
  display:inline-block;
  background:var(--rs-navy) !important;
  border:1px solid var(--rs-navy) !important;
  color:#fff !important;
  border-radius:6px !important;
  padding:.35rem .9rem !important;
}
.obj_galley_link:hover{ background:var(--rs-navy-light) !important; }

/* =========================================================================
   BLOCOS DA BARRA LATERAL
   ========================================================================= */
.pkp_block .pkp_block_header,
.pkp_block h2,
.pkp_block .title{
  color:var(--rs-navy);
  border-left:4px solid var(--rs-accent);
  padding-left:.55rem;
  font-weight:600;
  text-transform:none;
}

/* =========================================================================
   LISTAS DE ARTIGOS / SUMÁRIO / CAPAS
   ========================================================================= */
.obj_article_summary{
  border-bottom:1px solid var(--rs-border);
  padding-bottom:1rem;
}
.obj_issue_toc .cover img,
.obj_issue_summary .cover img,
.cmp_issue_cover img,
.obj_article_details .cover img{
  border-radius:8px;
  box-shadow:0 4px 16px rgba(21,39,47,.14);
}
/* Cartão do artigo em destaque / seção */
.obj_issue_toc .section h2,
.obj_issue_toc .heading{
  color:var(--rs-navy);
}

/* Anúncios */
.obj_announcement_summary,
.obj_announcement_full{
  border-left:4px solid var(--rs-accent);
  padding-left:1rem;
  background:var(--rs-paper);
  border-radius:0 8px 8px 0;
}

/* =========================================================================
   RODAPÉ
   Fundo navy para casar com a barra rodape_barra.png inserida no campo
   "Rodapé da Página". Textos e links claros.
   ========================================================================= */
.pkp_structure_footer_wrapper{
  background:var(--rs-navy) !important;
  border-top:3px solid var(--rs-accent) !important;
  color:#E7EEF2;
}
.pkp_structure_footer_wrapper a{ color:var(--rs-accent-light) !important; }
.pkp_structure_footer_wrapper a:hover{ color:#fff !important; text-decoration:underline; }
/* A imagem da barra do rodapé fica responsiva */
.pkp_footer_content img{ max-width:100%; height:auto; }
/* Crédito "Developed by PKP" discreto sobre o navy */
.pkp_brand_footer,
.pkp_brand_footer *{ color:#9FB4BF !important; }

/* =========================================================================
   DETALHES / ACESSIBILIDADE
   ========================================================================= */
/* Foco de formulários em acento */
input:focus,select:focus,textarea:focus{
  outline:2px solid var(--rs-accent) !important;
  outline-offset:1px;
  border-color:var(--rs-accent) !important;
}
/* Citações */
blockquote{
  border-left:4px solid var(--rs-accent);
  background:var(--rs-paper);
  padding:.6rem 1rem;
  border-radius:0 6px 6px 0;
}
/* Cabeçalho de tabelas */
table.pkp_table thead th,
.pkp_structure_main table thead th{
  background:var(--rs-navy);
  color:#fff;
}
/* Paginação / breadcrumb: item atual em navy */
.current a,.pkp_breadcrumbs .current{ color:var(--rs-navy); font-weight:600; }

/* Ajuste fino em telas pequenas: menu do cabeçalho legível */
@media (max-width:767px){
  .pkp_head_wrapper{ padding-top:1rem; padding-bottom:1rem; }
  html body .pkp_structure_head .pkp_site_name .is_img img,
  html body .pkp_structure_head .pkp_site_name img{ max-height:52px !important; }
  .pkp_site_name a.is_text{ font-size:1.35rem; }
}