/* Arquivo CSS atualizado para OJS - HealthSciences Theme */
/* Correções: Fonte Roboto aplicada globalmente e ajustes no footer, cabeçalho e botões */

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

/* Aplicar Roboto em todo o site */
body, p, a, span, div, li, ul, ol, table, input, button, textarea, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
    color: #808080 !important; /* Cinza para descrições e botões */
}

/* Remover o elemento específico */
div.h3 {
    display: none !important;
}

/* Estilizar especificamente os títulos */
h1, h2, h3, h4, h5, h6, .div.h2, .homepage-issue-description h2, div.h2 {
    color: #004767 !important; /* Azul escuro para todos os títulos, incluindo h2 dentro de .homepage-issue-description e div.h2 */
}

/* Estilizar o cabeçalho */
.site-header, .site-header a, .site-header h1, .site-header h2, .site-header h3, .site-header h4, .site-header h5, .site-header h6 {
    color: #ffffff !important; /* Branco para todo o cabeçalho */
}

/* Estilizar os elementos específicos */
h2.h5.homepage-issue-current, 
div.h1.homepage-issue-identifier, 
div.h6.homepage-issue-published {
    color: #ffffff !important; /* Branco para os elementos específicos */
    font-family: 'Roboto', sans-serif !important;
}

/* Garantir que todos os links apareçam como links */
a {
    color: #004767 !important; /* Azul escuro */
    text-decoration: underline !important; /* Sublinhado para destacar */
}

/* Remover sublinhado do menu de navegação principal */
#primaryNav .nav-link, 
#primaryNav .dropdown-item, 
.dropdown-menu a, 
.dropdown-menu-right a, 
.dropdown-item {
    text-decoration: none !important;
}

/* Definir cor branca para os menus dropdown */
.dropdown-menu a, 
.dropdown-menu-right a, 
.dropdown-item {
    color: #ffffff !important; /* Branco para os links do menu dropdown */
}

/* Definir cor branca para o modal de login */
.modal-content, .modal-body, .modal-body label, .modal-body input, .modal-body a, .modal-body span, .modal-body small {
    color: #ffffff !important;
}

/* Estilizar botão de login */
.modal-body button.btn-primary, button.btn-primary[type="submit"] {
    background-color: #004767 !important; /* Azul escuro */
    color: #ffffff !important; /* Texto branco */
    border: 2px solid #ffffff !important; /* Contorno branco */
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
}

.modal-body button.btn-primary:hover, button.btn-primary[type="submit"]:hover {
    background-color: #66b2ff !important; /* Azul claro ao passar o mouse */
    color: #ffffff !important;
}

/* Definir cor branca para o footer, incluindo títulos, links e textos */
.site-footer, .site-footer p, .site-footer a, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer ul, .site-footer li, .site-footer div {
    color: #ffffff !important;
}

/* Estilizar botões para que os textos fiquem brancos */
a.btn.btn-primary {
    color: #ffffff !important; /* Texto branco nos botões */
    text-decoration: none !important; /* Remover sublinhado */
}

/* Estilizar botão do footer */
.site-footer .block_make_submission_link {
    background-color: #578F9F !important; /* Azul escuro padrão TWRA */
    color: #ffffff !important; /* Texto branco */
    border: 2px solid #ffffff !important; /* Contorno branco */
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 5px; /* Bordas arredondadas para um visual mais suave */
    display: inline-block;
    text-align: center;
    text-decoration: none !important; /* Remover sublinhado */
}

.site-footer .block_make_submission_link:hover {
    background-color: #66b2ff !important; /* Azul claro ao passar o mouse */
    color: #ffffff !important;
}

/* Estilo do footer */
.site-footer {
    background-color: #004767 !important; /* Azul escuro */
    padding: 20px;
}

/* Links ao passar o mouse */
.site-footer a:hover {
    color: #66b2ff !important; /* Azul claro ao passar o mouse */
}

/* Cor branca para textos dentro de alertas primários */
.alert.alert-primary, 
.alert.alert-primary a {
    color: #ffffff !important;
}