/* ==========================================================================
   TEMA OFICIAL UNICEP — PADRÃO VISUAL SIBi BIBLIOTECA (100% RESPONSIVO)
   ========================================================================== */

/* 1. Base e Trava Geral Anti-Overflow */
html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background-color: #f8fafc !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    color: #1e293b !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* 2. 🌟 BARRA SUPERIOR ESCURA (100% de ponta a ponta, sem sobrepor o logo) */
.pkp_navigation_user_wrapper {
    position: static !important;       /* DESTESTA A POSIÇÃO ABSOLUTA DO OJS! */
    transform: none !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: #1c384a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 8px 32px !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
}

.pkp_navigation_user {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.pkp_navigation_user a {
    color: #e2e8f0 !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

.pkp_navigation_user a:hover {
    color: #78be21 !important;
}

/* 3. 🌟 CABEÇALHO BRANCO (De ponta a ponta, sem faixas brancas soltas) */
.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.has_site_logo .pkp_head_wrapper,
.pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 32px !important;
    box-sizing: border-box !important;
}

/* 4. Logo com Respiro e Alinhamento Perfeito */
.pkp_site_name a.is_img {
    display: inline-flex !important;
    align-items: center !important;
    gap: 20px !important;
    text-decoration: none !important;
}

.pkp_site_name a.is_img img {
    max-height: 56px !important;
    width: auto !important;
    background: transparent !important;
    border-right: 2px solid #e2e8f0 !important;
    padding-right: 20px !important;
    margin: 0 !important;
}

.pkp_site_name a.is_img::after {
    content: "Portal de Periódicos UNICEP\A Centro Universitário Central Paulista";
    white-space: pre-wrap;
    color: #2b5672 !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em;
    display: block;
}

/* 5. Esconder menu primário vazio (evita o segundo header fantasma) */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper:empty {
    display: none !important;
}

/* 6. 🌟 ÁREA DE CONTEÚDO CENTRALIZADA E SEM LINHAS VERTICAIS */
.pkp_structure_content {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
    box-sizing: border-box !important;
    border: none !important;
}

.pkp_structure_main {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 7. 🌟 HERO BANNER RESPONSIVO E ELEGANTE */
.page_index_site {
    position: static !important;
    padding: 0 !important;
}

.page_index_site::before {
    content: "Revistas Científicas & Periódicos Institucionais\A Explore a produção acadêmica, pesquisas e publicações docentes e discentes da UNICEP";
    white-space: pre-wrap;
    display: block;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 28px 0 !important;
    padding: 36px 20px !important;
    background: linear-gradient(135deg, rgba(28, 56, 74, 0.94) 0%, rgba(43, 86, 114, 0.88) 60%, rgba(15, 30, 40, 0.95) 100%), 
                url('/public/library-hero.jpg') center/cover no-repeat !important;
    color: #ffffff !important;
    text-align: center !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    border-radius: 10px !important;
    border-bottom: 4px solid #78be21 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* 8. Área das Revistas (Card Branco Suave) */
.journals {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 28px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
}

.journals h2 {
    color: #2b5672 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid #f1f5f9 !important;
    padding-bottom: 8px !important;
}

/* 9. Botões */
.pkp_button, button.pkp_button, .cmp_button, input[type="submit"] {
    background-color: #78be21 !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    padding: 9px 20px !important;
    transition: all 0.2s ease !important;
}

.pkp_button:hover {
    background-color: #68a61c !important;
}

a { color: #2b5672 !important; }
a:hover { color: #1c384a !important; }

/* 10. Esconder Logo Preto do OJS */
.pkp_brand_footer { display: none !important; }

/* 11. 🌟 RODAPÉ INSTITUCIONAL (100% de ponta a ponta, sem corte lateral) */
.pkp_structure_footer_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #162d3b !important;
    border-top: 3px solid #78be21 !important;
    margin: 40px 0 0 0 !important;
    padding: 0 !important;
}

.pkp_structure_footer {
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    padding: 36px 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.pkp_footer_content {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
}

.pkp_structure_footer strong { color: #ffffff !important; }
.pkp_structure_footer p { margin: 4px 0 !important; font-size: 0.88rem !important; color: #94a3b8 !important; }

/* 12. Ajustes Mobile */
@media (max-width: 768px) {
    .pkp_site_name_wrapper { padding: 12px 16px !important; }
    .pkp_site_name a.is_img { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
    .pkp_site_name a.is_img img { border-right: none !important; padding-right: 0 !important; }
    .pkp_site_name a.is_img::after { font-size: 1.1rem !important; }
}