/* =========================================================
   RDAI — journalStyleSheet.css (UPGRADE COMPLETO)
   Compatível com OJS 3.x (temas padrão e variações comuns)
   Objetivos:
   - Tipografia acadêmica e legibilidade
   - Textos justificados (com melhor espaçamento)
   - Header maior, centralizado e responsivo
   - Ajustes de links, botões, sidebar e TOC
   - Melhor leitura em mobile
   ========================================================= */

/* -----------------------------
   0) Variáveis (cores e métricas)
   ----------------------------- */
:root{
  --rdai-bg: #ffffff;
  --rdai-text: #111111;
  --rdai-muted: #555555;
  --rdai-link: #0b5cad;
  --rdai-link-hover: #083f75;
  --rdai-accent: #1f6fb2;
  --rdai-border: #e6e6e6;
  --rdai-soft: #f7f7f7;

  --rdai-font-serif: "Georgia", "Times New Roman", Times, serif;
  --rdai-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;

  --rdai-line: 1.7;
  --rdai-radius: 10px;
  --rdai-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* -----------------------------
   1) Base: corpo do site
   ----------------------------- */
html{
  scroll-behavior: smooth;
}

body{
  background: var(--rdai-bg);
  color: var(--rdai-text);
  font-family: var(--rdai-font-serif);
  line-height: var(--rdai-line);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Melhor largura de leitura no conteúdo principal (sem quebrar o layout do tema) */
.pkp_structure_main,
.pkp_structure_content,
.pkp_structure_body{
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

/* -----------------------------
   2) Tipografia: títulos e textos
   ----------------------------- */
h1, h2, h3, h4, h5, h6{
  font-family: var(--rdai-font-sans);
  color: var(--rdai-text);
  letter-spacing: .2px;
  line-height: 1.25;
}

/* Ajuste de tamanho/respiração */
h1{ font-size: 1.75rem; margin: 1.1rem 0 .75rem; }
h2{ font-size: 1.35rem; margin: 1.2rem 0 .65rem; }
h3{ font-size: 1.15rem; margin: 1.0rem 0 .55rem; }
h4{ font-size: 1.05rem; margin: .9rem 0 .5rem; }

/* Texto de parágrafos — JUSTIFICADO com melhor espaçamento */
p,
.article-abstract,
.article-content,
.obj_article_details,
.obj_issue_toc,
.pkp_block,
.pkp_structure_main,
.pkp_structure_content{
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

/* Recuo de parágrafo + espaçamento agradável (padrão editorial) */
p{
  margin: 0 0 1rem 0;
}

/* Se preferir recuo de primeira linha, descomente:
p{ text-indent: 1.2em; }
p:first-child{ text-indent: 0; }
*/

/* Listas mais legíveis */
ul, ol{
  margin: .6rem 0 1rem 1.2rem;
}
li{ margin: .35rem 0; }

/* Citações */
blockquote{
  margin: 1rem 0;
  padding: .9rem 1.1rem;
  background: var(--rdai-soft);
  border-left: 4px solid var(--rdai-accent);
  border-radius: 6px;
  color: #222;
}

/* -----------------------------
   3) Links e botões
   ----------------------------- */
a{
  color: var(--rdai-link);
  text-decoration: none;
  transition: color .15s ease, text-decoration-color .15s ease;
}
a:hover, a:focus{
  color: var(--rdai-link-hover);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

/* Botões padrão do OJS */
.pkp_button,
.pkp_button_primary,
button,
input[type="submit"],
input[type="button"]{
  border-radius: 8px !important;
  box-shadow: none !important;
  transition: transform .08s ease, box-shadow .15s ease;
}

.pkp_button_primary,
input[type="submit"]{
  background: var(--rdai-accent) !important;
  border-color: var(--rdai-accent) !important;
}

.pkp_button_primary:hover,
input[type="submit"]:hover{
  filter: brightness(.95);
  box-shadow: 0 8px 18px rgba(31,111,178,.22) !important;
}

.pkp_button:active,
button:active,
input[type="submit"]:active{
  transform: translateY(1px);
}

/* -----------------------------
   4) HEADER — maior e centralizado (com logo maior)
   ----------------------------- */
/* Espaço vertical do header */
.pkp_structure_head{
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border-bottom: 2px solid rgba(31,111,178,.25);
}

/* Centralização do bloco do logo */
.pkp_site_name_wrapper{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

/* Logo: controla o tamanho do banner do header
   Ajuste recomendado: 120px (desktop), 90px (mobile) */
.pkp_site_name img{
  height: 130px !important;     /* <<< AQUI você aumenta/diminui */
  width: auto !important;
  max-height: none !important;
  max-width: 100% !important;
}

/* Garante que o container não comprima o logo */
.pkp_head_wrapper{
  min-height: 130px !important;
}

/* -----------------------------
   5) Menu de navegação
   ----------------------------- */
.pkp_navigation_primary_wrapper{
  border-top: 1px solid rgba(255,255,255,.06);
}

/* Melhor espaçamento do menu (quando aplicável) */
.pkp_navigation_primary > li > a{
  font-family: var(--rdai-font-sans);
  letter-spacing: .2px;
}

/* -----------------------------
   6) Cards e blocos laterais (sidebar)
   ----------------------------- */
.pkp_block{
  border: 1px solid var(--rdai-border);
  border-radius: var(--rdai-radius);
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  padding: 14px 14px 12px;
  margin-bottom: 14px;
}

.pkp_block .title{
  font-family: var(--rdai-font-sans);
  font-weight: 700;
  font-size: .95rem;
  margin-bottom: .6rem;
}

/* -----------------------------
   7) Páginas de artigo: metadados e leitura
   ----------------------------- */
.obj_article_details .page_title,
.obj_article_details .title{
  font-family: var(--rdai-font-sans);
}

.obj_article_details .subtitle{
  color: var(--rdai-muted);
}

.obj_article_details .authors,
.obj_article_details .pub_id,
.obj_article_details .item{
  font-family: var(--rdai-font-sans);
}

.obj_article_details .abstract{
  background: var(--rdai-soft);
  border: 1px solid var(--rdai-border);
  border-radius: var(--rdai-radius);
  padding: 14px 16px;
}

/* PDF/download boxes */
.obj_galley_link,
.obj_galley_link a{
  font-family: var(--rdai-font-sans);
}

/* -----------------------------
   8) Sumário (TOC) e edições
   ----------------------------- */
.obj_issue_toc .heading,
.obj_issue_toc .section{
  font-family: var(--rdai-font-sans);
}

.obj_issue_toc .section{
  padding-top: 10px;
  margin-top: 14px;
  border-top: 1px solid var(--rdai-border);
}

.obj_issue_toc .title a{
  font-weight: 700;
}

.obj_issue_toc .authors{
  color: var(--rdai-muted);
}

/* -----------------------------
   9) Tabelas e elementos de formulário
   ----------------------------- */
table{
  border-collapse: collapse;
  width: 100%;
  margin: 1rem 0;
  font-family: var(--rdai-font-sans);
  font-size: .95rem;
}
th, td{
  border: 1px solid var(--rdai-border);
  padding: 10px 12px;
  vertical-align: top;
}
th{
  background: var(--rdai-soft);
  font-weight: 700;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select{
  border-radius: 8px;
  border: 1px solid var(--rdai-border);
  padding: 10px 12px;
  font-family: var(--rdai-font-sans);
}

/* -----------------------------
   10) Responsivo (mobile)
   ----------------------------- */
@media (max-width: 991px){
  .pkp_structure_main,
  .pkp_structure_content,
  .pkp_structure_body{
    max-width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }

  .pkp_site_name img{
    height: 95px !important;
  }
  .pkp_head_wrapper{
    min-height: 95px !important;
  }
}

@media (max-width: 480px){
  .pkp_site_name img{
    height: 82px !important;
  }
  .pkp_head_wrapper{
    min-height: 82px !important;
  }
}

/* -----------------------------
   11) Ajustes finos opcionais
   ----------------------------- */
/* Reduz “poluição” de bordas e melhora espaçamento do conteúdo */
.pkp_structure_main h1:first-child,
.pkp_structure_main h2:first-child{
  margin-top: .6rem;
}

/* Evita que imagens estourem */
img{
  max-width: 100%;
  height: auto;
}

/* FIM */