/* ==========================================================================
   QuEST Research Magazine - CSS Completo & Restaurado
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Cabeçalho e Logo
   -------------------------------------------------------------------------- */
.pkp_structure_head {
    background-color: #003272 !important;
    border: none !important;
}

html, body {
    overflow-x: hidden !important;
}

.pkp_site_name_wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding: 16px 0 10px 0 !important;
}

.pkp_site_name .is_img img {
    max-height: 55px !important;
    max-width: 220px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
}

/* --------------------------------------------------------------------------
   2. Menu de Navegação
   -------------------------------------------------------------------------- */
.pkp_navigation_primary_wrapper {
    background-color: #003272 !important;
    padding: 6px 0 !important;
    border: none !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
    box-sizing: border-box !important;
}

.pkp_navigation_primary {
    display: flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 20px !important;
}

.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-size: 0.9rem !important;
    padding: 6px 16px !important;
    text-decoration: none !important;
}

.pkp_navigation_user {
    color: #ffffff !important;
}

.pkp_navigation_user a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   3. Card Hero Central
   -------------------------------------------------------------------------- */
.homepage_about,
.journal_summary,
.page_index_journal .journal_summary,
.page_index_journal .homepage_about {
    background: #f0f4f9 !important;
    border: 1px solid #dce4ec !important;
    border-radius: 16px !important;
    padding: 32px 40px !important;
    margin: 40px auto !important;
    max-width: 900px !important;
    display: grid !important;
    grid-template-columns: 1.5fr 1fr !important;
    gap: 30px !important;
    align-items: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.homepage_about h2,
.journal_summary h2,
.homepage_about h3,
.journal_summary h3 {
    color: #003272 !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-top: 0 !important;
    grid-column: 1 / 2 !important;
}

/* --------------------------------------------------------------------------
   4. Botões de Ação
   -------------------------------------------------------------------------- */
a[href*="submission"],
a[href*="submit"],
.submit_button {
    background-color: #003272 !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    margin-right: 8px !important;
}

a[href*="issue/current"],
.current_button {
    background-color: transparent !important;
    color: #003272 !important;
    border: 1.5px solid #003272 !important;
    padding: 7px 14px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

/* --------------------------------------------------------------------------
   5. Card de Estatísticas
   -------------------------------------------------------------------------- */
.stats_card,
.homepage_about ul,
.journal_summary ul {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    list-style: none !important;
    margin: 0 !important;
    text-align: center !important;
}

.stats_card li,
.homepage_about ul li,
.journal_summary ul li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: #475569 !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}

.stats_card li strong,
.homepage_about ul li strong,
.journal_summary ul li strong {
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    color: #003272 !important;
    line-height: 1.1 !important;
}

/* --------------------------------------------------------------------------
   6. Footer
   -------------------------------------------------------------------------- */
.pkp_structure_footer {
    background-color: #C6DBF0 !important;
    color: #cbd5e1 !important;
    padding: 30px 0 !important;
    margin-top: 50px !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
    box-sizing: border-box !important;
}