/* CSS JELI CLEAN - duplicate selector removed */

body{
    background:#0c2244 !important;
}

/* HERO */

.jeli-hero{
    background:#1d6496;
    padding:40px 0;
}

.jeli-container{
    width:95%;
    max-width:1600px;
    margin:auto;
}

.hero-cover{
    width:90%;
    border-radius:8px;
}

.hero-content{
    padding-top:40px;
}

.hero-title{
    font-size:58px;
    font-weight:700;
    color:#fff;
    line-height:1.05;
    margin-bottom:15px;
}

.hero-subtitle{
    color:#fff;
    font-size:28px;
    margin-bottom:25px;
}

.hero-description{
    color:#fff;
    font-size:18px;
    line-height:1.8;
}

.hero-search{
    margin-top:30px;
    border-radius:30px;
    height:60px;
    font-size:18px;
    padding-left:25px;
}

/* DESCRIPTION */

.jeli-description{
    background:url('/public/site/images/bg-tech.jpg');
    background-size:cover;
    padding:50px 0;
}

.jeli-description-box{
    background:rgba(0,0,0,.85);
    color:white;
    border-radius:15px;
    padding:30px;
}

.jeli-description-box h2{
    margin-top:0;
}

/* CONTENT */

.jeli-article-content{
    flex:1;
    background:transparent;
    color:#333;
}

.jeli-sidebar{
    background:#0c2244;
    border-radius:10px;
    overflow:hidden;
    margin-top:20px;
}

.jeli-sidebar a{
    display:block;
    padding:18px;
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid #163962;
}

.jeli-sidebar a:hover{
    background:#11335f;
}

/* ISSUE */

.jeli-current-issue{
    background:white;
    padding:25px;
    border-radius:10px;
}

/* TOOLS */

.jeli-tools{
    background:#041024;
    padding:70px 0;
    text-align:center;
    color:white;
}

.tools-grid{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:25px;
}

.tools-grid img{
    height:60px;
    background:white;
    padding:10px;
    border-radius:8px;
}

.jeli-current-card{
    border:1px solid #0ea5e9;
    border-radius:10px;
    padding:25px;
}

.jeli-current-card img{
width:100%;
border-radius:8px;
margin-bottom:15px;
}

.jeli-current-card h3{
    font-size:22px;
    font-weight:700;
    margin:15px 0;
}

.jeli-articles-box{
background:white;
border-radius:10px;
padding:25px;
}

.jeli-articles-box h2{
margin-top:0;
margin-bottom:20px;
}

.obj_issue_toc{
background:white !important;
}

.obj_article_summary{
border-bottom:1px solid #ddd;
padding:20px 0;
}

/* HEADER JPK STYLE */

.jeli-header{
background:#23689b;
color:white;
}

.jeli-topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.jeli-logo img{
    max-height:80px;
}

.jeli-user-menu{
    display:flex;
    gap:10px;
    align-items:center;
}

.btn-login{
    background:#4b7cff;
    color:#fff;
    padding:10px 18px;
    border-radius:8px;
    text-decoration:none;
}

.btn-register{
    background:#f5a623;
    color:#fff;
    padding:10px 18px;
    border-radius:8px;
    text-decoration:none;
}

.jeli-navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:15px;
}

.jeli-navbar ul{
display:flex;
gap:30px;
list-style:none;
margin:0;
padding:0;
}

.jeli-navbar a{
color:white !important;
text-decoration:none;
}

.jeli-search{
width:300px;
}

/* HEADER */

.jeli-header{
    background:#23689b;
    padding-top:15px;
}

.btn-theme{
    color:white;
    font-size:24px;
    text-decoration:none;
}

.jeli-nav-list{
    list-style:none;
    display:flex;
    gap:35px;
    margin:0;
    padding:0;
}

.jeli-nav-list li{
    list-style:none;
}

.jeli-nav-list a{
    color:white !important;
    text-decoration:none;
    font-size:16px;
    font-weight:500;
}

.jeli-nav-list a:hover{
    color:#ffd54f !important;
}

.jeli-search input{
    width:250px;
    height:40px;
    border:none;
    border-radius:6px;
    padding:0 15px;
}

/* HILANGKAN STYLE BAWAAN OJS */

#navigationUser{
    display:none !important;
}

.pkp_search{
    display:none !important;
}

.navbar,
.navbar-default,
.navbar-header,
.site-name{
    display:none !important;
}

.pkp_structure_content{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* =====================================
   FINAL HEADER FIX
===================================== */

/* Samakan warna header & hero */

.jeli-header,
.jeli-hero{
    background:#23689b !important;
}

/* Hilangkan garis biru tua */

.pkp_structure_content{
    margin-top:0 !important;
    padding-top:0 !important;
    border:none !important;
}

.pkp_structure_page{
    background:transparent !important;
}

main#main-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Menu rata kanan */

.jeli-navbar{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
}

.jeli-menu{
    width:100%;
    display:flex;
    justify-content:flex-end;
}

/* Menu horizontal */

.jeli-nav-list{
    display:flex !important;
    justify-content:flex-end !important;
    gap:40px !important;
    width:auto !important;
}

/* Hapus search */

.jeli-search{
    display:none !important;
}

/* Logo kiri */

.jeli-topbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.jeli-logo{
    flex:1;
}

/* User menu kanan */

.jeli-user-menu{
    display:flex;
    gap:12px;
    align-items:center;
}

/* Hover menu */

.jeli-nav-list a:hover{
    color:#ffd54f !important;
}

/* Hilangkan style OJS yang tersisa */

.navbar,
.navbar-default,
.navbar-header,
.site-name,
.pkp_search{
    border:none !important;
    box-shadow:none !important;
}

/* Dark mode icon */

.btn-theme{
    cursor:pointer;
    font-size:26px;
}

/* HEADER FULL WIDTH */

.container-fluid{
    width:100%;
    padding:0 40px;
}

/* BARIS LOGO DAN LOGIN */

.jeli-topbar{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

/* BARIS MENU */

.jeli-navbar{
    margin-top:-3px !important;
    padding-top:0 !important;
}

/* MENU DI KANAN */

.jeli-menu{
    margin-left:auto;
}

/* LIST MENU */

.jeli-nav-list{
    display:flex;
    gap:45px;
    margin:0;
    padding:0;
}

/* LOGO */

.jeli-logo img{
    max-height:100px;
}

/* USER MENU */

.jeli-user-menu{
    display:flex;
    align-items:center;
    gap:12px;
}

/* LOGIN PAGE */

.jeli-login-page{
min-height:100px;

background:url('/public/site/images/login-bg.jpg');
background-size:cover;
background-position:center center;

display:flex;
justify-content:center;
align-items:center;

padding:20px 7px;

}

.jeli-login-box{
width:400px;

background:rgba(255,255,255,.15);
backdrop-filter:blur(12px);

border-radius:20px;

padding:40px;

box-shadow:0 15px 40px rgba(0,0,0,.25);

color:#f5ebeb;

}

.jeli-login-box h2{
text-align:center;
margin-bottom:25px;
color:#c70c25;
}

.jeli-login-box label{
color:#c70c25;
margin-bottom:8px;
}

.jeli-login-box .form-control{
height:30px;
border-radius:8px;
border:none;
}

.jeli-login-links{
display:flex;
justify-content:space-between;
align-items:center;
margin:15px 0 25px;
font-size:14px;
}

.jeli-login-links a{
color:#c70c25;
}

.jeli-login-btn{
width:100%;
height:50px;

border:none;
border-radius:30px;

background:#4b7cff;
color:#c70c25;

font-size:18px;

}

.jeli-register-link{
margin-top:20px;
text-align:center;
}

.jeli-register-link a{
color:#ffd54f;
}

/* FOOTER JELI */

.pkp_footer_content{
    background:#041024 !important;
    color:#ffffff !important;
    border-top:none !important;
}

.pkp_footer_content a{
    color:#ffd54f !important;
}

.pkp_brand_footer{
    display:none !important;
}

.pkp_footer_content .container,
.pkp_footer_content .row{
    background:transparent !important;
}

.pkp_footer_content{
    background:#071a35 !important;
}

/* FOOTER JELI */

.footer,
.jeli-footer,
footer.footer{
    background:#041024 !important;
    color:#ffffff !important;
    border:none !important;
    margin-top:0 !important;
    padding:40px 0 !important;
}

.footer .container{
    background:transparent !important;
}

.footer a{
    color:#ffd54f !important;
}

/* Hapus logo PKP */

.pkp_brand_footer,
.footer img{
    display:none !important;
}

/* =====================================
   REGISTER PAGE JELI
===================================== */

.jeli-register-page{
    min-height:100vh;

    background:url('/public/site/images/login-bg.jpg');
    background-size:cover;
    background-position:center;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:60px 20px;
}

.jeli-register-box{
    width:900px;
    max-width:95%;

    background:rgba(255,255,255,.15);
    backdrop-filter:blur(12px);

    border-radius:20px;
    padding:30px;

    box-shadow:0 15px 40px rgba(0,0,0,.25);
    color:#fff;
}

.jeli-register-box h2{
    text-align:center;
    margin-bottom:25px;
}

/* FORM */

.page_register fieldset{
    border:none;
    margin-bottom:20px;
}

.page_register legend{
    text-align:center;
    color:#fff;
    border:none;
    margin-bottom:15px;
}

.page_register label{
    color:#fff !important;
    display:block;
    margin-bottom:8px;
}

.page_register input[type=text],
.page_register input[type=password],
.page_register input[type=email],
.page_register select,
.page_register textarea{
    width:100%;
    min-height:45px;

    border:none;
    border-radius:8px;

    padding:10px 15px;
}

.page_register .buttons{
    text-align:center;
    margin-top:30px;
}

.page_register .btn-primary{
    background:#4b7cff;
    border:none;

    padding:12px 50px;
    border-radius:30px;
}

.page_register .btn-default{
    display:none;
}

.jeli-register-footer{
    text-align:center;
    margin-top:15px;
}

.jeli-register-footer a{
    color:#ffd54f;
}

/* ==========================
   REGISTER JELI PREMIUM
========================== */

.jeli-register-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    margin-bottom:8px;
}

.jeli-register-col h3{
    text-align:center;
    color:#fff;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.3);
}

.jeli-register-col .form-group{
    margin-bottom:5px;
}

.jeli-register-col label{
    display:block;
    color:#fff !important;
    font-weight:300;
}

.jeli-register-col input,
.jeli-register-col select{
    width:100%;
    height:15px;

    border:none;
    border-radius:6px;

    margin-top:6px;
    padding:0 15px;

    background:#fff;
    color:#333;
}

.consent{
    margin-top:10px;
    color:#fff;
}

.consent label{
    color:#fff !important;
}

.recaptcha_wrapper{
    margin-top:10px;
    text-align:center;
}

.buttons{
    text-align:center;
    margin-top:20px;
}

.buttons .submit{
    background:#4b7cff !important;
    border:none !important;

    padding:12px 60px !important;
    border-radius:10px !important;
}

.buttons .btn-default{
    display:none !important;
}

.jeli-register-grid{
        grid-template-columns:1fr;
    }

/* CARD REGISTER */

.page_register form{
    max-width:900px;
    margin:40px auto;
}

.page_register fieldset{
    border:none;
    margin-bottom:15px;
}

/* rapatkan jarak antar section */

.consent,
.reviewer,
.reviewer_nocontext_interests,
.recaptcha_wrapper,
.altcha_wrapper{
    margin-top:15px !important;
    margin-bottom:0 !important;
}

/* reviewer interests */

.reviewer_interests{
    margin-top:10px !important;
}

/* tombol */

.buttons{
    margin-top:20px !important;
    text-align:center;
}

/* hilangkan jarak kosong bawaan OJS */

.page_register .fields{
    margin:0 !important;
    padding:0 !important;
}

.page_register .form-group{
    margin-bottom:12px !important;
}

/* REGISTER PAGE */

.jeli-register-page{
    min-height:100vh;

    background:url('/public/site/images/login-bg.jpg');
    background-size:cover;
    background-position:center;

    display:flex;
    justify-content:center;
    align-items:center;

    padding:40px 20px;
}

.identity .fields,
.login .fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.page_register .form-control{
    border-radius:8px;
}

.jeli-title-left,
.jeli-title-right{
    color:#fff;
    font-size:32px;
    font-weight:700;
    margin-bottom:20px;
}

.jeli-volume{
    font-size:16px;
    font-weight:700;
    line-height:1.5;
    color:#fff;
    margin-bottom:10px;
}

.jeli-published{
    font-size:13px;
    color:#dbe8ff;
    margin-bottom:15px;
}

.jeli-article-title{
margin-bottom:10px !important;
}

.jeli-article-card{
    min-height:auto!important;
}

.jeli-article-title a{

    color:#004080 !important;

    font-size:18px !important;

    font-weight:700 !important;

    text-decoration:none !important;

}

.jeli-doi{
font-size:13px !important;
color:#666 !important;
margin-bottom:10px !important;
}

.jeli-meta{
display:flex !important;
justify-content:flex-start !important;
align-items:center !important;
gap:25px !important;
margin-bottom:12px !important;
color:#555 !important;
}

.jeli-pages{
    font-weight:600;
}

.jeli-authors{
text-align:left !important;
}

.jeli-pdf{
margin-top:8px !important;
background:transparent !important;
}

.jeli-article-title a:hover{
    color:#1f8ed8;
}

.jeli-doi a{
    color:#0066cc;
}

.jeli-pdf .btn{
    border-radius:25px;
    padding:6px 18px;
}

.jeli-current-title{
    font-size:20px;
    font-weight:700;
    margin-bottom:20px;
}

.jeli-current-cover{
    width:100px;
    height:auto;
    border-radius:6px;
    display:block;
}

.jeli-current-wrapper{
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.jeli-current-cover-box{
    flex:0 0 100px;
}

.jeli-current-info{
    flex:1;
}

.jeli-current-info .btn{
    display:inline-block;
    padding:8px 15px;
}

/* CURRENT ISSUE STYLE */

.jeli-current-card{
    background:#0c2244;
    border:1px solid #0ea5e9;
    border-radius:10px;
    padding:20px;
    color:#fff;
    margin-bottom:25px;
}

/* =========================
   ARTICLE PAGE OJS 3.5
   ========================= */

.obj_article_details{
    background: #fff !important;
    padding: 30px;
    border-radius: 12px;
    margin-top: 20px;
}

/* Judul */
.obj_article_details .page_title,
.obj_article_details h1{
    color: #1f2937 !important;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px;
}

/* Penulis */
.obj_article_details .authors{
    color: #555;
    margin-bottom: 20px;
}

/* Abstract */
.obj_article_details .item.abstract{
    background: #f8fafc;
    padding: 20px;
    border-radius: 10px;
    border-left: 4px solid #2563eb;
    margin-bottom: 25px;
}

/* Box Metadata */
.obj_article_details .item.issue,
.obj_article_details .item.section,
.obj_article_details .item.copyright{
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

/* Cover Artikel */
.obj_article_details .cover img{
    width: 100%;
    max-width: 320px;
    margin: auto;
    display: block;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,.15);
}

/* Tombol PDF */
.obj_article_details .galleys_links a{
    background: #2563eb;
    color: #fff !important;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
}

.obj_article_details .galleys_links a:hover{
    background: #1d4ed8;
}

/* Sidebar */
.obj_article_details .main_entry{
    background: #fff;
}

/* License */
.obj_article_details .copyright img{
    max-width: 100px;
}

.obj_article_details h1{
        font-size: 24px;
    }

.obj_article_details .cover img{
        max-width: 220px;
    }

/* =================================
   JELI ARTICLE PAGE MODERN
   ================================= */

.article-details{
    max-width: 1400px;
    margin: auto;
}

.article-top-row{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

/* SIDEBAR */

.article-sidebar{
    position: sticky;
    top: 20px;
}

.cover-image{
    text-align: center;
    margin-bottom: 20px;
}

.cover-image img{
        max-width:220px;
    }

/* PDF BUTTON */

.download a{
    display: block;
    width: 100%;
    text-align: center;
    background: #0066cc;
    color: #fff !important;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    font-weight: 600;
    text-decoration: none;
}

.download a:hover{
    background: #004c99;
}

/* METADATA */

.list-group-item{
    border-radius: 8px !important;
    margin-bottom: 8px;
    border: 1px solid #e5e7eb !important;
}

/* TITLE */

.page-header{
    border-bottom: none;
    margin-top: 10px;
}

.page-header h1,
.page-header,
.article-details h1{
    color: #222 !important;
    font-size: 36px;
    font-weight: 700;
}

/* AUTHORS */

.authors{
    background: #f8fafc;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* ABSTRACT */

.article-summary{
    background: #fff;
    border: 1px solid #e5e7eb;
    border-left: 5px solid #0066cc;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
}

.article-summary h2{
    margin-top: 0;
}

/* PANELS */

.panel{
    border-radius: 10px;
    overflow: hidden;
}

.panel-heading{
    background: #f8fafc !important;
}

/* REFERENCES */

.article-references{
    margin-top: 30px;
    background: #fff;
    border: 1px solid #e5e7eb;
    padding: 25px;
    border-radius: 10px;
}

/* KEYWORDS */

.keyword-badge{
    display: inline-block;
    background: #eaf4ff;
    color: #0066cc;
    padding: 6px 12px;
    border-radius: 30px;
    margin: 3px;
    font-size: 13px;
}

.article-sidebar{
        position:relative;
    }

.page-header{
        font-size:28px;
    }

/* JUDUL ARTIKEL */

.article-details .page-header,
.article-details h1{
    color: #ffffff !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin-bottom: 25px !important;
    border-bottom: none !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.35);
}

.article-details h1{
        font-size: 32px !important;
    }

/* =====================================
   FIX STATISTICS GRAPH
===================================== */

.statistics,
.statistics-chart,
.chart-container,
.article-statistics,
#statisticsChart{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    overflow:visible !important;
    height:auto !important;
    min-height:450px !important;
}

.statistics canvas,
.statistics-chart canvas,
.chart-container canvas,
#statisticsChart canvas{
    display:block !important;
    width:100% !important;
    height:420px !important;
    max-height:none !important;
}

/* Hilangkan pemotongan dari panel */

.panel.statistics,
.statistics.panel{
    overflow:visible !important;
}

/* Card statistik */

.statistics{
    background:#ffffff !important;
    border-radius:12px;
    padding:20px;
}

/* =====================================
   JELI ARCHIVE MODERN
===================================== */

.page_issue_archive{

    background:#071a35;

    padding-bottom:60px;
}

.jeli-archive-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fill,minmax(220px,1fr));

    gap:30px;

    margin-top:40px;
}

.jeli-archive-card{

    background:#071a35;

    border:1px solid #1d8fff;

    border-radius:12px;

    padding:20px;

    text-align:center;

    transition:.3s;
}

.jeli-archive-card:hover{

    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(0,0,0,.35);
}

.jeli-archive-cover{

    width:100%;

    max-width:160px;

    display:block;

    margin:auto;

    border-radius:8px;
}

.jeli-archive-title{

    color:#fff;

    font-size:26px;

    font-weight:700;

    margin-top:15px;

    line-height:1.3;
}

.jeli-archive-date{

    color:#dbe8ff;

    margin:12px 0 18px;
}

.jeli-archive-btn{

    background:#4285f4;

    color:#fff !important;

    padding:10px 18px;

    border-radius:8px;

    text-decoration:none;

    display:inline-block;
}

.jeli-archive-btn:hover{

    background:#2f73df;

    text-decoration:none;
}

.jeli-archive-banner{

    display:flex;

    gap:30px;

    align-items:center;

    background:rgba(0,0,0,.55);

    padding:30px;

    border-radius:20px;

    margin-bottom:40px;

    color:#fff;
}

.banner-cover img{

    width:180px;

    border-radius:8px;
}

.banner-content{

    flex:1;
}

.banner-content h2{

    margin-top:0;

    font-size:40px;

    font-weight:700;
}

/* ===================================
   JELI ABOUT PAGE MODERN
=================================== */

.page_about{
    max-width:1400px;
    margin:auto;
    padding:40px 20px;
}

.page_about .page-header h1{
    color:#173b63;
    font-size:52px;
    font-weight:800;
}

.jeli-about{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.jeli-grid{
        grid-template-columns:1fr;
    }

.jeli-card{
    background:#9E2929;
    border-radius:20px;
    padding:35px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.jeli-card h2{
    font-size:32px;
    color:#173b63;
}

.jeli-card p{
    color:#444;
    line-height:1.8;
}

.jeli-info{
    list-style:none;
    padding:0;
    margin:0;
}

.jeli-info li{
    padding:15px 0;
}

.editor-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.editor-card img{
    width:240px;
    height:240px;
    object-fit:cover;
    border-radius:50%;
    border:8px solid #f39c12;
}

.editor-card h3{
    font-size:30px;
    margin-top:20px;
    color:#173b63;
}

.jeli-card ul{
    padding-left:20px;
}

.jeli-card ul li{
    margin-bottom:10px;
}

.page_about{
    max-width:1400px;
    margin:0 auto;
    padding:40px 20px;
}

/* =================================
   ABOUT PAGE PREMIUM
================================= */

.page_about{
    max-width:1500px;
    margin:auto;
    padding:60px 30px;
}

.page_about .page-header{
    text-align:center;
    margin-bottom:40px;
}

.jeli-card p,
.jeli-card li{
    font-size:17px;
    line-height:1.9;
}

.editor-card p{
    font-size:18px;
    color:#666;
}

.jeli-statistic{
    background:#ffffff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    margin-top:20px;
}

.jeli-statistic iframe{
    width:100%;
    border:none;
    border-radius:8px;
}

/* Hilangkan kotak putih custom block */
.jeli-sidebar .pkp_block.block_custom{
    background: transparent !important;
    border: 1px solid #1ea0ff !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    overflow: hidden;
}

/* Hilangkan padding putih di dalam block */
.jeli-sidebar .pkp_block .content{
    padding: 0 !important;
    background: transparent !important;
}

/* Sembunyikan judul bawaan "Side_Bar" */
.jeli-sidebar .pkp_block .title{
    display:none !important;
}

.jeli-sidebar .pkp_block,
.jeli-sidebar .pkp_block.block_custom,
.jeli-sidebar .pkp_block .content{
    background: #082b63 !important;
}

/* Sidebar JELI */

.pkp_block{
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.pkp_block table{
    border-collapse: collapse !important;
}

.pkp_block td{
    font-family: Arial, Helvetica, sans-serif;
}

/* Judul blok */
.pkp_block td[style*="#702828"]{
    font-weight: 700 !important;
    letter-spacing: .3px;
}

/* Link sidebar */
.pkp_block a{
    transition: all .25s ease;
    font-weight: 600;
}

.pkp_block a:hover{
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Gambar sidebar */
.pkp_block img{
    max-width: 100%;
    height: auto;
}

/* Hover menu policies dan submission */
.pkp_block tr:hover td{
    transition: .2s;
}

/* e-ISSN */
.pkp_block a span[style*="7fff00"]{
    font-weight: bold !important;
}

/* Space antar blok */
.pkp_block table{
    margin-bottom: 10px;
}

/* SECTION */
.section{
    margin-bottom:40px;
    clear:both;
}

.section-header{
    display:block;
    width:100%;
    background:#ffffff;
    border-left:5px solid #ff6b00;
    padding:12px 20px;
    margin:20px 0;
    border-radius:5px;
}

.section-title{
    margin:0;
    font-size:22px;
    font-weight:700;
    color:#003366 !important;
    text-transform:uppercase;
}

/* spacing antar artikel */
.section .row{
    margin-bottom:20px;
}

/* ============================
   FINAL ARTICLE SUMMARY JELI
   Layout:
   Judul
   Penulis
   Afiliasi
   Halaman
   PDF
============================ */


/* CARD */
.jeli-article-card{
    min-height:auto!important;
}

/* JUDUL */
.jeli-article-title{

    margin:0 0 18px 0 !important;

    line-height:1.4 !important;

}

/* PENULIS */
.jeli-authors{

    width:100% !important;

    display:block !important;

    float:none !important;

    clear:both !important;

    text-align:center !important;

    margin:10px 0 25px 0 !important;

}

/* NAMA PENULIS */

.jeli-author-name{

    display:block !important;

    width:100% !important;

    text-align:center !important;

    font-size:13px !important;

    font-weight:600 !important;

    color:#333 !important;

    line-height:1.5 !important;

}

/* AFILIASI */

.jeli-author-affiliation{

    display:block !important;

    width:100% !important;

    text-align:center !important;

    font-size:12px !important;

    color:#444 !important;

    margin-top:3px !important;

}

/* HALAMAN */

.jeli-pages{

    display:block !important;

    clear:both !important;

    float:none !important;

    text-align:left !important;

    margin-top:20px !important;

    margin-bottom:12px !important;

    font-size:13px !important;

    color:#333 !important;

    font-weight:bold !important;

}

/* PDF */

.jeli-pdf{

    display:block !important;

    clear:both !important;

    float:none !important;

    text-align:left !important;

    margin-top:5px !important;

}

.jeli-pdf a,
.jeli-pdf .btn{

    background:#d71919 !important;

    color:#ffffff !important;

    border:none !important;

    border-radius:20px !important;

    padding:7px 22px !important;

    font-size:12px !important;

    text-transform:uppercase;

}

/* MATIKAN FLEX LAMA */

.jeli-meta{

    display:block !important;

}

.jeli-left-meta,
.jeli-right-meta{

    float:none !important;

    width:100% !important;

}
/* ==================================
   JELI LEFT ALIGN FINAL
================================== */


/* Semua isi artikel rata kiri */
.jeli-article-card{
    min-height:auto!important;
}


/* Judul kiri */
.jeli-article-title{
    text-align:left !important;
}


/* Area penulis */
.jeli-authors{

    text-align:left !important;

    margin-top:20px !important;

    margin-bottom:25px !important;

}


/* Nama penulis */
.jeli-author-name{

    text-align:left !important;

    display:block !important;

    font-size:14px !important;

    line-height:1.6 !important;

}


/* Afiliasi */
.jeli-author-affiliation{

    text-align:left !important;

    display:block !important;

    margin-top:6px !important;

    font-size:13px !important;

}


/* halaman */
.jeli-pages{

    text-align:left !important;

    margin-top:20px !important;

}


/* tombol PDF */
.jeli-pdf{

    text-align:left !important;

}
/* ===== FORMAT JURNAL INTERNASIONAL ===== */


.jeli-article-card{
    min-height:auto!important;
}


/* Judul */
.jeli-article-title{
margin-bottom:18px!important;
}

.jeli-article-title a{

font-size:18px!important;
font-weight:700!important;
color:#004b93!important;

}


/* Penulis */
.jeli-authors{

text-align:left!important;
margin-bottom:8px!important;

}


.jeli-author-name{

font-size:15px!important;
font-weight:bold!important;
color:#111!important;

}


/* Afiliasi */

.jeli-affiliation{

font-size:14px!important;

color:#555 !important;

margin-bottom:25px!important;

}


/* Halaman */

.jeli-pages{

font-size:15px!important;

font-weight:bold!important;

margin-bottom:8px!important;

}


/* PDF */

.jeli-pdf{

text-align:left!important;

}
/* AFILIASI NOMOR PENULIS */

.jeli-affiliation{

margin-top:8px!important;

margin-bottom:25px!important;

}


.jeli-affiliation-item{

display:block!important;

font-size:14px!important;

color:#222!important;

line-height:1.6!important;

}


.jeli-affiliation-item sup{

font-size:11px!important;

font-weight:bold!important;

margin-right:2px;

}
/* ==============================
   AUTHOR + AFFILIATION TABLE
============================== */


.jeli-author-table{
    width:80%;
}

/* satu baris */
.jeli-author-row{

display:flex;

align-items:flex-start;

margin-bottom:6px;

}

/* kolom nama */

.jeli-author-col-name{
    width:35%;
}

.jeli-author-col-aff{
    width:65%;
}


/* responsive HP */

@media(max-width:768px){

.jeli-author-row{

display:block;

}

.jeli-author-col-name,
.jeli-author-col-aff{

width:100%;

}
}
.section-header{
    text-align:center;
    margin:35px 0;
}

.section-title{
    display:block;

    width:fit-content;

    margin:0 auto;

    padding:12px 50px;

    background:#fff;

    color:#003b70;

    font-size:24px;
    font-weight:700;

    text-transform:uppercase;

    border-bottom:3px solid #0b75bc;
}
.sections,
.section{
    text-align:left !important;
}

/* ==========================
   SECTION TITLE FINAL
========================== */

.section-header{
    text-align:center;
    margin:25px 0;
    background:none;
}

.section-title{
    display:inline-block;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0;
    font-size:26px;
    font-weight:700;
    color:#ffffff !important;
    letter-spacing:1px;
}

/* ===================================
   ARTICLE LIST LAYOUT
=================================== */

.sections{
    max-width:1200px;
    margin:0 auto;
}

.jeli-article-list{
    width:100%;
}

.jeli-article-item{
    width:100%;
    margin-bottom:25px;
}

.jeli-article-card{
    width:100%;
    max-width:1200px;
    margin:0 auto 25px;
}
/* LIST ARTIKEL BARU */

.jeli-article-row{
    display:flex;
    align-items:flex-start;
    background:#ffffff;
    border:1px solid #d9d9d9;
    border-radius:8px;
    padding:20px;
    margin-bottom:15px;
}

.jeli-article-content{
    flex:1;
    background:transparent;
    color:#333;
}

.jeli-icon{
    width:60px;
    text-align:center;
    font-size:32px;
    color:#0b4f9c;
}

.jeli-article-title a{
    color:#003366 !important;
}

.jeli-authors{
    color:#444 !important;
}

.jeli-affiliation{
    color:#555  !important;
}

.jeli-meta-bottom{
    display:flex;
    align-items:center;
    gap:15px;
}

.jeli-pages{
    color:#444 !important;
}
/* ===== FINAL ISSUE PAGE ===== */

.section-header{
    text-align:left;
    margin:30px 0 15px;
    padding-bottom:8px;
    border-bottom:2px solid #d9d9d9;
}

.section-title{
    display:inline-block;
    background:none !important;
    color:#088563 !important;
    font-size:28px;
    font-weight:700;
    padding:0 !important;
    border:none !important;
}

.section-title:before,
.section-title:after{
    display:none !important;
}

.jeli-article-row{
    display:flex;
    align-items:flex-start;
    background:#ffffff;
    border-radius:8px;
    padding:20px;
    margin-bottom:12px;
    border:1px solid #d9d9d9;
}

.jeli-icon{
    width:40px;
    font-size:24px;
    color:#0b4f9c;
}

.jeli-article-content{
    flex:1;
}

.jeli-article-title{
    margin-bottom:8px !important;
}

.jeli-article-title a{
    font-size:20px !important;
}

.jeli-authors{
    margin:5px 0 !important;
    text-align:left !important;
}

.jeli-affiliation{
    margin-bottom:10px !important;
    color:#555 !important;
}

.jeli-meta-bottom{
    display:flex;
    align-items:center;
    gap:12px;
}

.jeli-pages{
    margin:0 !important;
}

.jeli-pdf{
    margin:0 !important;
}
/* PENULIS */
.jeli-authors{
    font-size:16px;
    font-weight:600;
    color:#222;
    margin-top:8px;
}

/* AFILIASI */
.jeli-affiliation{
    font-size:14px;
    font-weight:500;
    color:#555;
    margin-top:4px;
}

.jeli-issue-box{
background:#fff;
padding:25px;
margin-bottom:40px;
border-radius:10px;
box-shadow:0 2px 10px rgba(0,0,0,.08);
overflow:hidden;
}

.jeli-issue-cover{
float:left;
width:220px;
margin-right:30px;
}

.jeli-issue-cover img{
width:100%;
border-radius:8px;
}

.jeli-issue-content{
overflow:hidden;
}

.jeli-issue-title{
margin-top:0;
font-size:30px;
font-weight:700;
color:#003366;
}

.jeli-issue-description{
margin-top:15px;
line-height:1.8;
color:#555;
}
.jeli-issue-box{
    display:flex;
    align-items:flex-start;
    gap:30px;
    background:#fff;
    padding:30px;
    border-radius:12px;
    margin-bottom:40px;
    box-shadow:0 3px 15px rgba(0,0,0,.08);
}

.jeli-issue-cover{
    flex:0 0 220px;
}

.jeli-issue-cover img{
    width:100%;
    border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.jeli-issue-content{
    flex:1;
}

.jeli-issue-title{
    font-size:42px;
    font-weight:700;
    color:#003366;
    margin:0 0 15px;
}

.jeli-issue-description{
    font-size:15px;
    line-height:1.8;
    color:#555;
    margin-top:15px;
}
.jeli-mdpi-cover img{
    max-width:220px;
    width:auto;
    height:auto;
}
/* =========================
   ISSUE HEADER MODERN
========================= */

.jeli-issue-mdpi{

    display:flex;
    align-items:flex-start;
    gap:30px;

    background:#ffffff;

    padding:30px;

    border-radius:12px;

    margin-bottom:40px;

    box-shadow:0 3px 15px rgba(0,0,0,.08);
}

.jeli-mdpi-cover{

    flex:0 0 220px;
}

.jeli-mdpi-cover img{

    width:220px !important;

    max-width:220px !important;

    height:auto;

    border-radius:8px;

    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

.jeli-mdpi-info{

    flex:1;
}

.jeli-mdpi-title{

    font-size:42px;

    font-weight:700;

    color:#003366;

    margin-top:0;

    margin-bottom:10px;
}

.jeli-mdpi-journal{

    font-size:18px;

    color:#666;

    margin-bottom:20px;
}

.jeli-mdpi-description{

    font-size:15px;

    line-height:1.8;

    color:#444;
}

@media(max-width:768px){

    .jeli-issue-mdpi{

        display:block;
        text-align:center;
    }

    .jeli-mdpi-cover{

        margin-bottom:20px;
    }

    .jeli-mdpi-cover img{

        width:180px !important;
    }

    .jeli-mdpi-title{

        font-size:28px;
    }
}
/* HEADER ISSUE ala MDPI */

.jeli-issue-mdpi{
    display:flex;
    align-items:flex-start;
    gap:30px;

    background:#fff;
    padding:25px;
    margin-bottom:40px;

    border-radius:8px;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.jeli-mdpi-cover{
    flex:0 0 180px;
}

.jeli-mdpi-cover img{
    width:180px;
    max-width:100%;
    height:auto;
    border-radius:6px;
}

.jeli-mdpi-title{
    font-size:48px;
    font-weight:700;
    color:#003366;
    margin-top:0;
    margin-bottom:10px;
}

.jeli-mdpi-journal{
    font-size:20px;
    color:#666;
    margin-bottom:15px;
}

.jeli-mdpi-description{
    font-size:15px;
    line-height:1.7;
    color:#444;
}
/* HALAMAN ANNOUNCEMENT */

.page_announcements,
.page_announcements p,
.page_announcements li,
.page_announcements span,
.page_announcements div {
    color: #ffffff !important;
}

.page_announcements h1,
.page_announcements h2,
.page_announcements h3,
.page_announcements h4 {
    color: #4fc3f7 !important;
}

.page_announcements a {
    color: #ffd54f !important;
    font-weight: 600;
}

.page_announcements ul li {
    margin-bottom: 8px;
    line-height: 1.8;
}

.page_announcements {
    width: 75%;
    margin: 0 auto !important;
    background: rgba(255,255,255,0.03);
    padding: 30px;
    border-radius: 10px;
}