/* =======================================
   JST - Ceddi Journal of Information System and Technology
   ======================================= */

/* Warna utama JST */
:root{
    --jst-primary:#0f3557;
    --jst-secondary:#1f5f99;
    --jst-accent:#f5b301;
    --jst-light:#f4f8fc;
}

/* Header */
.pkp_structure_head{
    background: var(--jst-primary) !important;
}

.pkp_site_name a{
    color:#ffffff !important;
    font-weight:700;
}

/* Menu utama */
.pkp_navigation_primary_row{
    background: var(--jst-primary) !important;
}

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

.pkp_navigation_primary_row a:hover{
    color:var(--jst-accent) !important;
}

/* Sidebar Block */
.pkp_block{
    border-radius:6px;
    overflow:hidden;
    margin-bottom:15px;
}

/* Judul Block */
.pkp_block .title{
    background: var(--jst-primary) !important;
    color:#ffffff !important;
    padding:12px;
    font-weight:700;
    text-transform:uppercase;
    border-bottom:3px solid var(--jst-accent);
}

/* Additional Menu */
.pkp_block.block_custom .content{
    background:#ffffff !important;
}

.pkp_block.block_custom .content a{
    display:block;
    padding:10px 12px;
    background:var(--jst-secondary) !important;
    color:#ffffff !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(255,255,255,.15);
    transition:.3s;
}

.pkp_block.block_custom .content a:hover{
    background:var(--jst-primary) !important;
    color:#ffffff !important;
    padding-left:18px;
}

/* Tombol Submit */
a.block_make_submission_link{
    background:var(--jst-primary) !important;
    color:#ffffff !important;
    border-radius:5px;
}

a.block_make_submission_link:hover{
    background:var(--jst-secondary) !important;
}

/* Isi halaman */
.page,
.obj_issue_summary,
.obj_article_summary{
    background:#ffffff;
}

.pkp_page_index .current_issue{
    background:#ffffff;
    border-radius:8px;
}

/* Judul artikel */
.obj_article_summary .title a,
.cmp_article_list .title a{
    color:var(--jst-primary) !important;
    font-weight:700;
}

.obj_article_summary .title a:hover,
.cmp_article_list .title a:hover{
    color:var(--jst-secondary) !important;
}

/* Link umum */
a{
    color:var(--jst-secondary);
}

a:hover{
    color:var(--jst-primary);
}

/* Footer */
.pkp_structure_footer_wrapper{
    background:var(--jst-primary) !important;
    color:#ffffff !important;
}

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

/* Responsive Mobile */
@media (max-width:768px){

    .pkp_block .title{
        font-size:14px;
    }

    .pkp_block.block_custom .content a{
        padding:12px;
        font-size:14px;
    }
}
/* FIX warna menu kanan JST */
.jst-card,
.jst-card__body,
.jst-menu,
.jst-menu li {
    background: #1A2D42 !important;
}

.jst-menu li {
    border-bottom: 1px solid #253D59 !important;
}

.jst-menu li a {
    background: #1A2D42 !important;
    color: #ffffff !important;
    display: block !important;
    padding: 9px 15px !important;
    text-decoration: none !important;
    font-size: 13px !important;
}
.jst-menu li a:hover {
    background: #1A2D42 !important;
    color: #f5b301 !important;
    transition: all 0.3s ease;
}
/* FIX ukuran gambar/logo sidebar JST */
.pkp_block.block_custom .content img,
.jst-card img,
.jst-logo-box img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Kotak/card logo sidebar JST */
.jst-logo-box {
    background: #ffffff !important;
    padding: 6px !important;
    margin-bottom: 8px !important;
    border-radius: 4px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}