/* ==========================================================================
   OJS Custom Modern Theme - Auto Synced Palette & Full Width Header Image
   Primary: #0066cc | Secondary: #1c244b | Background: #f8fafc
   ========================================================================== */

/* 1. Full-Width Header Image Banner OJS 3 */
.pkp_site_name_wrapper,
.pkp_head_wrapper,
.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (min-width: 992px) {
    .pkp_site_name {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.pkp_site_name .is_img,
.pkp_head_wrapper .pkp_site_name .is_img,
header.pkp_structure_head .pkp_site_name img,
.pkp_site_name img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 2. Global Typography & Background */
body {
    background: #f8fafc !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* 3. Primary Navigation Bar */
.pkp_navigation_primary_row {
    background: #0066cc !important;
    background: linear-gradient(135deg, #0066cc 0%, #1c244b 100%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

#navigationPrimary a,
.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
    color: #ffffff !important;
    font-weight: 600;
}

/* 4. Sidebar Blocks & Widget Title */
.pkp_block .title {
    border-bottom: 3px solid #0066cc;
    font-weight: 700;
    color: #1c244b;
}

#navigationPrimary ul,
.pkp_nav_list ul {
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

#navigationPrimary ul a {
    color: #1c244b !important;
    font-weight: 500;
}

#navigationPrimary ul a:hover,
#navigationPrimary>li>a:hover {
    color: #ffffff !important;
    background: #0066cc !important;
}

/* 5. Galley Buttons & Submit CTA */
.cmp_button_wire,
.obj_galley_link {
    color: #ffffff !important;
    background: #0066cc !important;
    border: none !important;
    border-radius: 6px;
    font-weight: 600;
    padding: 6px 14px;
    transition: all 0.2s ease;
}

.obj_galley_link:hover {
    filter: brightness(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.block_make_submission a {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0066cc 0%, #1c244b 100%) !important;
    border-radius: 6px;
    font-weight: 700;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.pkp_footer_content {
    padding: 0rem;
    text-align: left;
}

.pkp_brand_footer {
    display: none;
}