/* ==========================================================
   RELAE - Requisitoire Law Enforcement
   OJS 3.3.x — PREMIUM SIDE-BY-SIDE HOMEPAGE
   Based on actual HTML:
   .row > .aimcolumn.aimleft + .aimcolumn.aimright
   ========================================================== */

:root{
    --relae-navy:#07384d;
    --relae-navy-dark:#052f41;
    --relae-teal:#16898b;
    --relae-cyan:#1fb7ba;
    --relae-soft:#f7fafb;
    --relae-line:#d5e1e5;
    --relae-text:#344b55;
}

/* ===== PAGE ===== */
html, body {
    background:#f4f7f8 !important;
}

body {
    font-family:"Segoe UI", Arial, sans-serif !important;
    color:var(--relae-text) !important;
}

.pkp_structure_page {
    max-width:1450px !important;
    margin:0 auto !important;
    background:#fff !important;
    box-shadow:0 4px 24px rgba(5,47,65,.07) !important;
}

/* ===== HEADER ===== */
.pkp_structure_head {
    background:linear-gradient(110deg,#06374b 0%,#07566a 65%,#078889 100%) !important;
    border-top:4px solid var(--relae-cyan) !important;
}

.pkp_site_name {
    padding:20px 36px 14px !important;
}

.pkp_site_name .is_text,
.pkp_site_name a {
    color:#fff !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:34px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    text-shadow:0 1px 1px rgba(0,0,0,.12) !important;
}

.pkp_site_name::after {
    content:"Peer-Reviewed Journal of Law • Central Research Institute for Agriculture (CeRIA)";
    display:block !important;
    margin-top:7px !important;
    color:#e4f3f4 !important;
    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:14px !important;
    font-weight:400 !important;
}

.pkp_navigation_user,
.pkp_navigation_user > li > a,
.pkp_navigation_user .profile > a {
    color:#fff !important;
}

/* ===== NAVIGATION ===== */
.pkp_site_nav_menu {
    background:#fff !important;
    border-bottom:1px solid var(--relae-line) !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_search_wrapper a {
    color:var(--relae-navy) !important;
    font-size:13px !important;
    font-weight:700 !important;
}

.pkp_navigation_primary > li > a {
    border-bottom:3px solid transparent !important;
}

.pkp_navigation_primary > li > a:hover {
    color:var(--relae-teal) !important;
    border-bottom-color:var(--relae-cyan) !important;
}

/* ===== MAIN ===== */
.pkp_structure_main {
    padding:28px 26px 45px !important;
}

/* ==========================================================
   ACTUAL RELAE ADDITIONAL CONTENT
   FORCE TRUE LEFT-RIGHT LAYOUT
   ========================================================== */

.page_index_journal .additional_content {
    margin:0 !important;
    padding:0 !important;
}

/* THIS is the actual .row supplied by RELAE HTML */
.page_index_journal .additional_content .row {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    justify-content:space-between !important;

    width:100% !important;
    max-width:1080px !important;

    margin:25px auto 42px !important;
    padding:28px 12px 32px !important;

    gap:38px !important;

    box-sizing:border-box !important;
    background:#fff !important;
    border-top:1px solid var(--relae-line) !important;
    border-bottom:1px solid var(--relae-line) !important;
}

/* Reset old column rules that may exist in previous CSS */
.page_index_journal .additional_content .aimcolumn {
    float:none !important;
    display:block !important;
    box-sizing:border-box !important;
    min-width:0 !important;
}

/* ===== LEFT: COVER ===== */
.page_index_journal .additional_content .aimcolumn.aimleft {
    flex:0 0 39% !important;
    width:39% !important;
    max-width:39% !important;

    margin:0 !important;
    padding:0 !important;

    text-align:center !important;
}

.page_index_journal .additional_content .aimleft img {
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:100% !important;
    max-height:550px !important;

    margin:0 auto !important;

    object-fit:contain !important;

    border:1px solid #d1dcdf !important;
    box-shadow:0 12px 28px rgba(5,47,65,.16) !important;
}

/* ===== RIGHT: INFORMATION ===== */
.page_index_journal .additional_content .aimcolumn.aimright {
    flex:1 1 61% !important;
    width:61% !important;
    max-width:61% !important;

    margin:0 !important;
    padding:3px 0 0 !important;

    text-align:left !important;
}

/* ABOUT label */
.page_index_journal .additional_content .aimright::before {
    content:"ABOUT THE JOURNAL";

    display:block !important;

    margin:0 0 10px !important;
    padding:0 0 7px 14px !important;

    border-left:4px solid var(--relae-cyan) !important;

    color:#0b5269 !important;

    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:2px !important;

    text-align:left !important;
}

/* Description */
.page_index_journal .additional_content .aimright p {
    margin:0 0 20px !important;
    padding:0 !important;

    color:var(--relae-text) !important;

    font-size:14px !important;
    line-height:1.75 !important;

    text-align:justify !important;
}

/* Large journal title before paragraph text */
.page_index_journal .additional_content .aimright p::before {
    content:"Requisitoire Law Enforcement";

    display:block !important;

    margin:5px 0 17px !important;
    padding:0 0 12px !important;

    border-bottom:2px solid var(--relae-teal) !important;

    color:var(--relae-navy) !important;

    font-family:Georgia,"Times New Roman",serif !important;
    font-size:29px !important;
    line-height:1.25 !important;
    font-weight:700 !important;

    text-align:left !important;
}

/* Metadata card */
.page_index_journal .additional_content .aimright ul {
    margin:18px 0 0 !important;
    padding:16px 22px 16px 42px !important;

    box-sizing:border-box !important;

    background:var(--relae-soft) !important;

    border:1px solid var(--relae-line) !important;
    border-radius:6px !important;

    box-shadow:0 3px 12px rgba(5,47,65,.04) !important;

    color:#354b55 !important;
}

.page_index_journal .additional_content .aimright ul li {
    margin:5px 0 !important;
    padding:0 !important;

    font-size:13.5px !important;
    line-height:1.55 !important;

    text-align:left !important;
}

.page_index_journal .additional_content .aimright ul li strong {
    color:var(--relae-navy) !important;
    font-weight:700 !important;
}

/* Hide duplicate standard OJS About section on homepage */
.page_index_journal .homepage_about {
    display:none !important;
}

/* ===== SIDEBAR ===== */
.pkp_structure_sidebar {
    background:#f5f9fa !important;
    padding:18px 15px !important;
    border-left:1px solid var(--relae-line) !important;
}

.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .block_custom {
    margin:0 0 14px !important;
    padding:0 !important;

    background:#fff !important;

    border:1px solid var(--relae-line) !important;
    border-radius:5px !important;

    overflow:hidden !important;
}

.pkp_structure_sidebar .title {
    display:block !important;

    margin:0 !important;
    padding:8px 11px !important;

    background:linear-gradient(90deg,#15898b,#15999a) !important;
    border-bottom:2px solid #e52335 !important;

    color:#fff !important;

    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:800 !important;

    text-transform:uppercase !important;
}

.pkp_structure_sidebar .content {
    padding:9px 11px !important;

    font-size:11px !important;
    line-height:1.4 !important;
}

.pkp_structure_sidebar img {
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:185px !important;
    max-height:105px !important;

    margin:7px auto !important;

    object-fit:contain !important;
}

.pkp_structure_sidebar ul {
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.pkp_structure_sidebar li {
    margin:0 !important;
    padding:4px 0 !important;

    border-bottom:1px solid #e5edef !important;

    font-size:11px !important;
    line-height:1.35 !important;
}

/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper {
    background:var(--relae-navy-dark) !important;
    border-top:4px solid var(--relae-cyan) !important;
}

.pkp_structure_footer {
    background:var(--relae-navy-dark) !important;
    color:#dcebed !important;
}

/* ===== MOBILE ONLY: STACK VERTICALLY ===== */
@media (max-width:768px) {

    .page_index_journal .additional_content .row {
        display:block !important;

        width:100% !important;

        margin:15px auto 30px !important;
        padding:20px 15px !important;
    }

    .page_index_journal .additional_content .aimcolumn.aimleft,
    .page_index_journal .additional_content .aimcolumn.aimright {
        width:100% !important;
        max-width:100% !important;

        margin:0 !important;
    }

    .page_index_journal .additional_content .aimleft {
        margin-bottom:28px !important;
    }

    .page_index_journal .additional_content .aimleft img {
        max-width:270px !important;
        max-height:420px !important;
    }

    .page_index_journal .additional_content .aimright p::before {
        font-size:24px !important;
    }

    .pkp_site_name .is_text,
    .pkp_site_name a {
        font-size:26px !important;
    }

    .pkp_site_name::after {
        font-size:12px !important;
    }
}


/* ==========================================================
   RELAE — CURRENT ISSUE SECTION
   Places/styles the native OJS Current Issue after the hero.
   ========================================================== */

/* Ensure hero row finishes before native OJS sections */
.page_index_journal .additional_content {
    display:block !important;
    width:100% !important;
    clear:both !important;
}

/* Current Issue container */
.page_index_journal .current_issue {
    clear:both !important;
    width:100% !important;
    margin:34px 0 0 !important;
    padding:0 !important;
    background:#fff !important;
    border:1px solid var(--relae-line) !important;
    border-radius:6px !important;
    overflow:hidden !important;
    box-shadow:0 4px 16px rgba(5,47,65,.05) !important;
}

/* CURRENT ISSUE heading */
.page_index_journal .current_issue > h2 {
    margin:0 !important;
    padding:15px 22px 13px !important;
    background:linear-gradient(90deg,#07384d 0%,#0b5968 72%,#16898b 100%) !important;
    color:#fff !important;
    font-size:19px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
    letter-spacing:.5px !important;
    text-transform:uppercase !important;
    border:0 !important;
}
.page_index_journal .current_issue > h2::after {
    display:none !important;
}

/* Issue information area */
.page_index_journal .current_issue .current_issue_title,
.page_index_journal .current_issue .obj_issue_toc {
    background:#fff !important;
}

.page_index_journal .current_issue .current_issue_title {
    margin:0 !important;
    padding:20px 24px 10px !important;
    color:var(--relae-navy) !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:20px !important;
    font-weight:700 !important;
}

/* TOC */
.page_index_journal .current_issue .obj_issue_toc {
    margin:0 !important;
    padding:8px 24px 24px !important;
    border:0 !important;
}

.page_index_journal .current_issue .obj_issue_toc .heading {
    padding-bottom:15px !important;
    border-bottom:1px solid var(--relae-line) !important;
}

.page_index_journal .current_issue .obj_issue_toc .sections {
    margin-top:0 !important;
}

/* Section names such as Articles */
.page_index_journal .current_issue .section > h2,
.page_index_journal .current_issue .section > h3,
.page_index_journal .current_issue .section .title {
    color:var(--relae-navy) !important;
}

/* Individual articles */
.page_index_journal .current_issue .obj_article_summary {
    margin:0 !important;
    padding:18px 5px !important;
    border-bottom:1px solid #e4ecee !important;
}

.page_index_journal .current_issue .obj_article_summary:last-child {
    border-bottom:0 !important;
}

.page_index_journal .current_issue .obj_article_summary .title {
    margin-bottom:5px !important;
}

.page_index_journal .current_issue .obj_article_summary .title a {
    color:#075a70 !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
}

.page_index_journal .current_issue .obj_article_summary .title a:hover {
    color:var(--relae-teal) !important;
}

.page_index_journal .current_issue .obj_article_summary .authors {
    color:#5e7078 !important;
    font-size:12.5px !important;
    line-height:1.5 !important;
}

.page_index_journal .current_issue .obj_article_summary .pages {
    color:#77868c !important;
    font-size:12px !important;
}

/* PDF/galley button */
.page_index_journal .current_issue .obj_galley_link {
    display:inline-block !important;
    margin-top:7px !important;
    padding:5px 11px !important;
    background:#fff !important;
    color:var(--relae-teal) !important;
    border:1px solid var(--relae-teal) !important;
    border-radius:3px !important;
    font-size:11px !important;
    font-weight:800 !important;
}
.page_index_journal .current_issue .obj_galley_link:hover {
    background:var(--relae-teal) !important;
    color:#fff !important;
}

/* View all issues link */
.page_index_journal .current_issue .read_more {
    display:inline-block !important;
    margin:5px 24px 24px !important;
    padding:8px 14px !important;
    background:var(--relae-teal) !important;
    color:#fff !important;
    border-radius:4px !important;
    font-size:12px !important;
    font-weight:700 !important;
}
.page_index_journal .current_issue .read_more:hover {
    background:var(--relae-navy) !important;
}

/* Responsive Current Issue */
@media(max-width:768px){
    .page_index_journal .current_issue {
        margin-top:25px !important;
    }
    .page_index_journal .current_issue > h2 {
        padding:13px 16px !important;
        font-size:17px !important;
    }
    .page_index_journal .current_issue .obj_issue_toc {
        padding:7px 15px 20px !important;
    }
    .page_index_journal .current_issue .current_issue_title {
        padding:17px 15px 8px !important;
        font-size:18px !important;
    }
}