/* =========================================================
   KLAUSULA OJS - FIX HEADER PUTIH + CLONE CARDS
   Versi baru dengan override kuat untuk mencegah header/menu cokelat.
   Upload file ini sebagai stylesheet BARU (nama file berbeda).
   ========================================================= */

:root{
    --k-red:#B7191F;
    --k-red-dark:#8E1015;
    --k-red-soft:#FFF3F3;
    --k-blue:#0A58CA;
    --k-border:#DDDDDD;
}

/* =========================================================
   A. PAKSA HEADER & MENU KEMBALI PUTIH
   ========================================================= */

html body .pkp_structure_head,
html body header.pkp_structure_head,
html body .pkp_head_wrapper,
html body .pkp_site_name_wrapper,
html body .pkp_navigation_primary_wrapper,
html body .pkp_navigation_primary_row,
html body .pkp_site_nav_menu{
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
    background-image:none !important;
    box-shadow:none !important;
}

/* cegah warna theme/stylesheet lama muncul lewat pseudo element */
html body .pkp_structure_head::before,
html body .pkp_structure_head::after,
html body .pkp_head_wrapper::before,
html body .pkp_head_wrapper::after,
html body .pkp_navigation_primary_row::before,
html body .pkp_navigation_primary_row::after{
    background:#FFFFFF !important;
    background-color:#FFFFFF !important;
    background-image:none !important;
}

/* banner tetap gambar asli, tanpa diberi background warna */
html body .pkp_site_name,
html body .pkp_site_name .is_img,
html body .pkp_site_name a{
    background:transparent !important;
    background-color:transparent !important;
}

html body .pkp_site_name .is_img img,
html body .pkp_site_name_wrapper img{
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
}

/* menu tetap hitam seperti tampilan asli */
html body #navigationPrimary > li > a,
html body .pkp_navigation_primary > li > a,
html body .pkp_navigation_search_wrapper a{
    color:#222222 !important;
    background:transparent !important;
    background-color:transparent !important;
}

html body #navigationPrimary > li > a:hover,
html body #navigationPrimary > li > a:focus,
html body .pkp_navigation_primary > li > a:hover,
html body .pkp_navigation_primary > li > a:focus{
    color:var(--k-red) !important;
    background:var(--k-red-soft) !important;
}

html body .pkp_navigation_search_wrapper a:hover{
    color:var(--k-red) !important;
    background:transparent !important;
}

/* user navigation di atas */
html body .pkp_navigation_user,
html body .pkp_navigation_user > li,
html body .pkp_navigation_user > li > a,
html body .pkp_navigation_user a{
    color:#333333 !important;
    background:transparent !important;
    background-color:transparent !important;
}

/* garis bawah menu */
html body .pkp_navigation_primary_row{
    border-bottom:1px solid #E3E3E3 !important;
}

/* dropdown putih */
html body #navigationPrimary ul,
html body .pkp_navigation_primary ul,
html body .pkp_navigation_user ul{
    background:#FFFFFF !important;
    border:1px solid #DDDDDD !important;
    box-shadow:0 5px 14px rgba(0,0,0,.12) !important;
}

html body #navigationPrimary ul a,
html body .pkp_navigation_primary ul a,
html body .pkp_navigation_user ul a{
    background:#FFFFFF !important;
    color:#333333 !important;
}

html body #navigationPrimary ul a:hover,
html body .pkp_navigation_primary ul a:hover,
html body .pkp_navigation_user ul a:hover{
    background:#FFF3F3 !important;
    color:var(--k-red) !important;
}

/* =========================================================
   B. JANGAN UBAH BACKGROUND HALAMAN ASLI OJS
   ========================================================= */

html body,
html body .pkp_structure_content,
html body .pkp_structure_main{
    color:#252525 !important;
}

/* tidak memberi background baru ke body/main */

/* =========================================================
   C. BREADCRUMB
   ========================================================= */

.cmp_breadcrumbs{
    font-size:13px !important;
}

.cmp_breadcrumbs a{
    color:#0A66C2 !important;
    text-decoration:none !important;
}

.cmp_breadcrumbs a:hover{
    color:var(--k-red) !important;
}

/* =========================================================
   D. CURRENT ISSUE / ARTICLE CONTAINER
   ========================================================= */

.obj_issue_toc{
    background:#FFFFFF !important;
    border:1px solid var(--k-border) !important;
    border-radius:5px !important;
    box-shadow:0 4px 14px rgba(0,0,0,.07) !important;
    overflow:hidden !important;
    margin-bottom:22px !important;
}

.obj_issue_toc .heading{
    padding:18px 20px !important;
}

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3{
    display:block !important;
    margin:0 0 18px 0 !important;
    padding:12px 16px !important;
    background:linear-gradient(90deg,#A90F15,#C42128) !important;
    color:#FFFFFF !important;
    border:0 !important;
    font-size:16px !important;
    font-weight:700 !important;
}

.obj_issue_toc .articles,
.obj_issue_toc .cmp_article_list{
    list-style:none !important;
    margin:0 !important;
    padding:0 18px 18px !important;
}

/* kartu artikel */
.obj_issue_toc .articles > li,
.obj_issue_toc .cmp_article_list > li{
    display:block !important;
    position:relative !important;
    background:#FFFFFF !important;
    border:1px solid #E0E0E0 !important;
    border-left:6px solid var(--k-red) !important;
    border-radius:8px !important;
    padding:17px !important;
    margin:0 0 16px 0 !important;
    box-sizing:border-box !important;
    box-shadow:0 3px 10px rgba(0,0,0,.055) !important;
    transition:transform .2s ease, box-shadow .2s ease !important;
}

.obj_issue_toc .articles > li:hover,
.obj_issue_toc .cmp_article_list > li:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 7px 18px rgba(0,0,0,.09) !important;
}

/* hilangkan card ganda */
.obj_issue_toc .articles > li .obj_article_summary,
.obj_issue_toc .cmp_article_list > li .obj_article_summary{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* fallback */
.obj_issue_toc > .section .obj_article_summary{
    background:#FFFFFF !important;
    border:1px solid #E0E0E0 !important;
    border-left:6px solid var(--k-red) !important;
    border-radius:8px !important;
    padding:17px !important;
    margin-bottom:16px !important;
    box-shadow:0 3px 10px rgba(0,0,0,.055) !important;
}

/* judul artikel */
.obj_issue_toc .obj_article_summary .title{
    margin:0 0 8px !important;
    line-height:1.45 !important;
}

.obj_issue_toc .obj_article_summary .title a{
    color:var(--k-red) !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.45 !important;
    text-decoration:none !important;
}

.obj_issue_toc .obj_article_summary .title a:hover{
    color:var(--k-red-dark) !important;
    text-decoration:underline !important;
}

/* author */
.obj_issue_toc .obj_article_summary .authors{
    color:#555555 !important;
    font-size:14px !important;
    line-height:1.55 !important;
    margin-top:4px !important;
    margin-bottom:5px !important;
}

/* pages */
.obj_issue_toc .obj_article_summary .pages{
    color:#6B6B6B !important;
    font-size:13px !important;
}

/* DOI */
.obj_issue_toc .obj_article_summary .pub_id,
.obj_issue_toc .obj_article_summary .doi{
    margin-top:7px !important;
}

.obj_issue_toc .obj_article_summary .pub_id a,
.obj_issue_toc .obj_article_summary .doi a{
    color:#075FDB !important;
    font-size:13px !important;
    text-decoration:none !important;
    word-break:break-word !important;
}

/* PDF */
.obj_issue_toc .galleys,
.obj_issue_toc .obj_article_summary .galleys{
    margin-top:12px !important;
}

.obj_issue_toc .obj_galley_link,
.obj_issue_toc a.obj_galley_link{
    display:inline-block !important;
    background:linear-gradient(180deg,#C6242A,#A80F15) !important;
    border:1px solid #990B10 !important;
    color:#FFFFFF !important;
    border-radius:4px !important;
    padding:7px 13px !important;
    font-size:13px !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    box-shadow:0 2px 5px rgba(134,0,0,.18) !important;
}

.obj_issue_toc .obj_galley_link:hover,
.obj_issue_toc a.obj_galley_link:hover{
    background:var(--k-red-dark) !important;
    border-color:var(--k-red-dark) !important;
    color:#FFFFFF !important;
}

/* =========================================================
   E. ARCHIVE CARDS
   ========================================================= */

.page_issue_archive .issues_archive{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

.page_issue_archive .issues_archive > li{
    background:#FFFFFF !important;
    border:1px solid #E1E1E1 !important;
    border-left:5px solid var(--k-red) !important;
    border-radius:8px !important;
    padding:16px !important;
    margin:0 0 18px 0 !important;
    box-sizing:border-box !important;
    box-shadow:0 2px 8px rgba(0,0,0,.05) !important;
}

.page_issue_archive .issues_archive > li:hover{
    box-shadow:0 6px 15px rgba(0,0,0,.09) !important;
}

.page_issue_archive .obj_issue_summary{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    margin:0 !important;
    padding:0 !important;
}

.page_issue_archive .obj_issue_summary .title a{
    color:var(--k-red) !important;
    font-weight:700 !important;
    font-size:16px !important;
    line-height:1.45 !important;
    text-decoration:none !important;
}

.page_issue_archive .obj_issue_summary .description{
    color:#555555 !important;
    font-size:13px !important;
    line-height:1.65 !important;
    text-align:justify !important;
}

.page_issue_archive .obj_issue_summary .cover img{
    border:1px solid #DDDDDD !important;
    border-radius:3px !important;
    box-shadow:none !important;
}

/* =========================================================
   F. SIDEBAR CARDS
   ========================================================= */

.pkp_structure_sidebar .pkp_block,
.pkp_block{
    background:#FFFFFF !important;
    border:1px solid #DDDDDD !important;
    border-radius:5px !important;
    overflow:hidden !important;
    padding:0 !important;
    margin-bottom:20px !important;
    box-shadow:0 2px 4px rgba(0,0,0,.10) !important;
}

.pkp_block .title{
    display:block !important;
    background:linear-gradient(90deg,#A90F15,#C42128) !important;
    color:#FFFFFF !important;
    text-align:center !important;
    padding:10px 8px !important;
    margin:0 !important;
    border:0 !important;
    font-size:14px !important;
    font-weight:700 !important;
}

.pkp_block .content{
    padding:10px !important;
    background:#FFFFFF !important;
}

.pkp_block .content a{
    color:#085DD8 !important;
}

.pkp_block .content a:hover{
    color:var(--k-red) !important;
}

.pkp_structure_sidebar img{
    max-width:100% !important;
    height:auto !important;
}

/* =========================================================
   G. MAKE SUBMISSION BUTTON
   ========================================================= */

.block_make_submission a{
    display:block !important;
    background:linear-gradient(180deg,#C6242A,#A80F15) !important;
    border:1px solid #990B10 !important;
    color:#FFFFFF !important;
    border-radius:4px !important;
    padding:9px 12px !important;
    text-align:center !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.block_make_submission a:hover{
    background:var(--k-red-dark) !important;
    color:#FFFFFF !important;
}

/* =========================================================
   H. MOBILE
   ========================================================= */

@media (max-width:768px){
    .obj_issue_toc .articles,
    .obj_issue_toc .cmp_article_list{
        padding:0 10px 10px !important;
    }

    .obj_issue_toc .articles > li,
    .obj_issue_toc .cmp_article_list > li,
    .obj_issue_toc > .section .obj_article_summary,
    .page_issue_archive .issues_archive > li{
        padding:13px !important;
        margin-bottom:14px !important;
        border-left-width:4px !important;
    }

    .obj_issue_toc .obj_article_summary .title a{
        font-size:15px !important;
    }

    .obj_issue_toc .obj_article_summary .authors{
        font-size:13px !important;
    }
}