/* =======================================================
   NEXONOMICS - FORCE CSS FOR OJS BOOTSTRAP 3 (COSMO)
   ======================================================= */

body {
    background: #f5f6fa !important;
    font-family: "Segoe UI", Arial, sans-serif !important;
    color: #222 !important;
}

/* HEADER */
.pkp_structure_head,
.pkp_site_name_wrapper,
.pkp_site_name {
    background: #10233f !important;
}

.pkp_site_name {
    padding: 0 !important;
}

.pkp_site_name .is_img img {
    width: 100% !important;
    max-height: 260px !important;
    object-fit: cover !important;
}

/* NAVIGATION */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
    background: #10233f !important;
    border-bottom: 4px solid #d4a017 !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary_row a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary_row a:hover {
    background: #d4a017 !important;
    color: #10233f !important;
}

/* CONTENT AREA */
.pkp_structure_content {
    margin-top: 20px !important;
}

.pkp_structure_main {
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08) !important;
}

/* TITLES */
h1, h2, h3, h4,
.page_title {
    color: #10233f !important;
    font-weight: 700 !important;
}

/* SIDEBAR */
.pkp_structure_sidebar .block {
    background: #ffffff !important;
    border-radius: 8px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important;
    overflow: hidden !important;
}

.pkp_structure_sidebar .block .title {
    background: #f3f4f7 !important;
    color: #10233f !important;
    text-align: center !important;
    padding: 10px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #ddd !important;
}

/* SIDEBAR BUTTONS */
.pkp_block .content ul {
    padding: 10px !important;
}

.pkp_block .content ul li {
    list-style: none !important;
    margin-bottom: 8px !important;
}

.pkp_block .content ul li a {
    display: block !important;
    background: #10233f !important;
    color: #ffffff !important;
    padding: 10px !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.pkp_block .content ul li a:hover {
    background: #d4a017 !important;
    color: #10233f !important;
}

/* BUTTON */
button,
.btn,
.cmp_button,
.obj_galley_link {
    background: #10233f !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
}

button:hover,
.btn:hover,
.cmp_button:hover,
.obj_galley_link:hover {
    background: #d4a017 !important;
    color: #10233f !important;
}

/* FOOTER */
.pkp_structure_footer_wrapper {
    background: #10233f !important;
    color: #ffffff !important;
    border-top: 4px solid #d4a017 !important;
}

.pkp_structure_footer_wrapper a {
    color: #d4a017 !important;
}

/* TABLE */
table {
    width: 100% !important;
    border-collapse: collapse !important;
}

table td,
table th {
    border-bottom: 1px solid #ddd !important;
    padding: 8px !important;
}

/* ISSUE COVER */
.obj_issue_summary img,
.current_issue img,
.cover img {
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

/* MOBILE */
@media (max-width: 768px) {
    .pkp_site_name .is_img img {
        max-height: 180px !important;
    }

    .pkp_structure_main {
        padding: 15px !important;
    }
}