/* --- 1. AJUSTE DE FONTES E TAMANHOS --- */
body, p, section, .pkp_structure_main, .obj_article_details .abstract {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #333333 !important;
}

h1, .obj_article_details .title {
    font-size: 32px !important;
    color: #000000 !important;
}

h2, .obj_article_summary .title a, .entry_title a {
    font-size: 24px !important;
    color: #222222 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* --- 2. LINKS GERAIS --- */
a {
    color: #ffcc00 !important;
    font-weight: 600;
}

a:hover {
    color: #e6b800 !important;
    text-decoration: underline !important;
}

/* --- 3. BOTÕES (PDF E OUTROS) --- */

/* Estado Normal: Fundo Amarelo e Fonte Preta */
.pkp_button, .cmp_button, .pkp_button_primary, .obj_galley_link {
    background-color: #ffcc00 !important;
    color: #000000 !important; /* Texto preto para leitura */
    border: none !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    display: inline-block;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* Estado Hover: Inverte para Fundo Preto e Fonte Amarela */
.pkp_button:hover, .cmp_button:hover, .obj_galley_link:hover {
    background-color: #000000 !important;
    color: #ffcc00 !important;
    text-decoration: none !important;
}

/* Ajuste específico para garantir que o link dentro do botão PDF seja preto */
.obj_galley_link.pdf {
    color: #000000 !important;
}

.obj_galley_link.pdf:hover {
    color: #ffcc00 !important;
}

/* --- 4. REFINAMENTOS --- */
.obj_article_summary {
    border-bottom: 2px solid #f1f1f1;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.obj_article_summary .authors, .obj_article_summary .date {
    font-size: 15px !important;
    color: #777777 !important;
    margin-top: 5px;
}

/* 1. Configuração do Banner */
.pkp_page_issue.pkp_op_archive .pkp_structure_main::before {
    content: "";
    display: block;
    width: 100%;
    max-width: 850px;
    height: 180px;
    margin: 20px auto 0 auto; /* Removemos o margin-bottom daqui */
    background-image: url("https://revistaft.com/public/site/images/admin/banner-canva.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 2. Empurra a lista de edições para baixo para não atropelar */
.pkp_page_issue.pkp_op_archive .obj_issue_summary,
.pkp_page_issue.pkp_op_archive .issues_list {
    margin-top: 80px !important; /* Ajuste este valor se precisar de mais espaço */
    clear: both;
}
/* Ajuste de espaçamento na lista de edições anteriores */

/* 1. Espaço entre o título da revista e o volume/ano */
.obj_issue_summary .title {
    margin-bottom: 15px !important; /* Aumenta o espaço abaixo do título amarelo */
    display: block;
}

/* 2. Espaço entre as linhas de texto da edição */
.obj_issue_summary .series {
    margin-top: 10px !important; /* Afasta o volume/ano do título */
    line-height: 1.5 !important;  /* Melhora o espaçamento entre as linhas de texto */
    display: block;
}

/* 3. Ajuste extra para a capa não ficar colada no texto ao lado */
.obj_issue_summary .thumbnail {
    margin-right: 30px !important; /* Dá mais espaço lateral entre a imagem da capa e o texto */
}

/* 4. Espaço entre uma edição e outra na lista */
.obj_issue_summary {
    margin-bottom: 50px !important; /* Afasta a Edição 154 da Edição 155 */
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1; /* Linha sutil para separar as edições */
}

/* --- AJUSTE PARA MENU MOBILE (CELULAR) --- */

@media (max-width: 991px) {
    /* Altera a cor dos links do menu de navegação no celular */
    .pkp_nav_menu a, 
    .pkp_navigation_primary a, 
    .pkp_navigation_user a {
        color: #000000 !important; /* Texto preto para contraste no fundo amarelo */
        font-weight: bold !important;
    }

    /* Altera a cor do ícone de fechar (o X) e das barrinhas se necessário */
    .pkp_site_nav_menu button,
    .pkp_site_nav_menu .fa,
    .pkp_site_nav_menu .pkp_navigation_primary_wrapper .close_link {
        color: #000000 !important;
    }

    /* Garante que ao passar o mouse ou clicar, a cor permaneça visível */
    .pkp_nav_menu a:hover, 
    .pkp_nav_menu a:focus {
        color: #333333 !important;
        text-decoration: underline !important;
    }
}