/* =====================================
   OJS SUPER COMPACT JOURNAL STYLE
   Compatible: OJS 3.3 / 3.4
===================================== */


/* ---------- GLOBAL ---------- */
body{
font-family: "Segoe UI", Arial, sans-serif;
background:#ffffff;
color:#1f2933;
line-height:1.6;
margin:0;
}


/* ---------- HEADER ---------- */
#header{
background:#ffffff;
border-bottom:1px solid #e5e7eb;
}

#header h1 a{
font-weight:700;
color:#0f172a;
}


/* ---------- NAVIGATION ---------- */
.pkp_navigation_primary > li > a{
font-size:14px;
font-weight:600;
}

.pkp_navigation_primary > li > a:hover{
color:#1e40af;
}


/* ---------- MAIN CONTAINER ---------- */
#pkp_content_main{
max-width:1100px;
margin:auto;
}


/* =====================================
   ISSUE PAGE (PERBAIKI JARAK BESAR)
===================================== */

/* container halaman */
.page_issue{
margin-top:0 !important;
padding-top:0 !important;
}

/* judul "Artikel" */
.page_issue h2,
.page_issue h3{
margin-top:0 !important;
margin-bottom:6px !important;
padding-top:0 !important;
}

/* garis section */
.section{
margin-top:0 !important;
padding-top:0 !important;
}

/* container artikel */
.cmp_article_list{
margin-top:0 !important;
padding-top:0 !important;
}

/* jarak antar artikel */
.cmp_article_list > li{
margin-bottom:6px !important;
}


/* =====================================
   CARD ARTIKEL
===================================== */

.obj_article_summary{
background:#ffffff;
padding:8px 10px !important;
margin-bottom:6px !important;
border-radius:6px;
border:1px solid #eef2f7;
box-shadow:none;
}

/* judul artikel */
.obj_article_summary .title{
margin-bottom:2px !important;
}

.obj_article_summary .title a{
font-size:14px !important;
font-weight:600;
line-height:1.3;
color:#0f172a;
text-decoration:none;
}

.obj_article_summary .title a:hover{
color:#1e40af;
}

/* penulis */
.obj_article_summary .meta,
.obj_article_summary .authors{
font-size:12px !important;
margin-top:2px !important;
color:#555;
}


/* =====================================
   TOMBOL PDF
===================================== */

.obj_galley_link{
font-size:11px !important;
padding:4px 12px !important;
border-radius:16px;
background:#1e40af;
color:#ffffff !important;
box-shadow:none;
transition:0.2s;
}

.obj_galley_link:hover{
background:#2563eb;
text-decoration:none;
}


/* =====================================
   HALAMAN DETAIL ARTIKEL
===================================== */

.obj_article_details{
max-width:850px;
margin:auto;
}

.obj_article_details .title{
font-size:24px;
font-weight:700;
line-height:1.3;
margin-bottom:14px;
}

.obj_article_details .authors{
font-size:14px;
margin-bottom:15px;
color:#334155;
}


/* ---------- ABSTRACT ---------- */
.obj_article_details .abstract{
background:#f8fafc;
padding:18px;
border-radius:10px;
border:1px solid #e5e7eb;
margin-bottom:20px;
}

.obj_article_details .abstract h2{
font-size:16px;
font-weight:700;
}


/* =====================================
   SIDEBAR
===================================== */

.pkp_block{
background:#ffffff;
padding:14px;
border-radius:8px;
border:1px solid #e5e7eb;
box-shadow:none;
margin-bottom:12px;
}

.pkp_block .title{
font-size:14px;
font-weight:700;
border-bottom:1px solid #e5e7eb;
padding-bottom:6px;
margin-bottom:8px;
}


/* =====================================
   FOOTER
===================================== */

#pkp_content_footer{
background:#052F72;
color:#ffffff;
padding:25px 0;
}

#pkp_content_footer a{
color:#93c5fd;
font-weight:600;
}

#pkp_content_footer a:hover{
text-decoration:underline;
}


/* =====================================
   BUTTON
===================================== */

button,
.pkp_button,
input[type="submit"]{
background:#1e40af;
border-radius:6px;
font-size:13px;
font-weight:600;
}

button:hover,
.pkp_button:hover,
input[type="submit"]:hover{
background:#2563eb;
}


/* =====================================
   SEMBUNYIKAN UPDATED DATE
===================================== */

.item.updated,
.updated,
.article-details .updated{
display:none !important;
}


/* =====================================
   HILANGKAN JARAK BESAR DEFAULT THEME
===================================== */

.pkp_structure_content{
padding-top:10px !important;
}

.pkp_structure_main{
padding-top:5px !important;
}

.page{
margin-top:0 !important;
}


/* =====================================
   MOBILE
===================================== */

@media(max-width:768px){

.obj_article_summary{
padding:8px;
}

.obj_article_summary .title a{
font-size:13px;
}

.obj_article_summary .authors{
font-size:11px;
}

.obj_article_details .title{
font-size:20px;
}

}

/* =====================================
   RAPATKAN HALAMAN DEWAN EDITOR
===================================== */

/* judul halaman */
.page h1{
margin-bottom:10px !important;
}

/* subjudul editor */
.page h3,
.page h4{
margin-top:12px !important;
margin-bottom:4px !important;
font-size:16px;
}

/* isi teks editor */
.page p{
margin-top:2px !important;
margin-bottom:6px !important;
line-height:1.4;
font-size:13px;
}

/* rapatkan paragraf */
.page p + p{
margin-top:0 !important;
}

/* =====================================
   RAPATKAN HALAMAN KONTAK
===================================== */

/* judul halaman kontak */
.page_contact h1{
margin-bottom:10px !important;
}

/* subjudul section kontak */
.page_contact h2,
.page_contact h3{
margin-top:10px !important;
margin-bottom:4px !important;
font-size:16px;
}

/* isi teks kontak */
.page_contact p{
margin-top:2px !important;
margin-bottom:5px !important;
line-height:1.4;
font-size:13px;
}

/* rapatkan alamat dan email */
.page_contact div{
margin-bottom:4px !important;
}

.page_contact{
line-height:1.4;
}

.page_contact p{
margin-bottom:3px !important;
}

/* =====================================
   RAPATKAN SIDEBAR KANAN
===================================== */

/* container sidebar */
.pkp_structure_sidebar{
padding-top:5px !important;
}

/* blok sidebar */
.pkp_block{
padding:10px !important;
margin-bottom:8px !important;
border-radius:6px;
}

/* judul sidebar */
.pkp_block .title{
font-size:14px !important;
margin-bottom:6px !important;
padding-bottom:4px !important;
}

/* isi sidebar */
.pkp_block ul{
margin:0 !important;
padding-left:15px !important;
}

.pkp_block li{
margin-bottom:4px !important;
font-size:13px;
}

/* link sidebar */
.pkp_block a{
font-size:13px;
}

/* bahasa */
.block_language li{
margin-bottom:3px !important;
}

/* informasi */
.block_information li{
margin-bottom:3px !important;
}

.pkp_block{
padding:8px !important;
margin-bottom:6px !important;
}

.pkp_block li{
margin-bottom:2px !important;
font-size:12px;
}

/* =====================================
   REAL FULL HEADER (BACKGROUND MODE)
===================================== */

/* jadikan header sebagai banner full */
#headerNavigationContainer {
    background: url('https://jurnal.fkt.unlip.ac.id/public/journals/1/pageHeaderLogoImage_id_ID.png') no-repeat center;
    background-size: cover;
    width: 100vw;
    height: 140px;
    margin-left: calc(-50vw + 50%);
}

/* sembunyikan logo kecil */
.pkp_site_name {
    display: none;
}

/* =====================================
   FIX HEADER POSITION & SIZE
===================================== */

/* header background */
#headerNavigationContainer {
    background-size: contain !important; /* jangan zoom berlebihan */
    background-position: center top !important;
    background-repeat: no-repeat !important;
    height: 140px !important;
    padding-top: 0 !important;
}

/* kasih jarak supaya tidak ketutup menu */
.pkp_navigation_primary_wrapper {
    position: relative;
    z-index: 10;
}

/* turunkan konten agar tidak numpuk */
.pkp_structure_content {
    margin-top: 10px;
}

#headerNavigationContainer {
    height: 160px !important;
}

/* =====================================
   FIX MENU MENUTUP HEADER
===================================== */

/* turunkan menu agar tidak menimpa header */
.pkp_navigation_primary_wrapper {
    position: relative !important;
    margin-top: 140px !important; /* sesuaikan tinggi header */
}

/* pastikan header tetap di atas */
#headerNavigationContainer {
    position: relative;
    z-index: 1;
}

/* menu background putih */
.pkp_navigation_primary_wrapper {
    background: #ffffff !important;
}

/* =====================================
   FIX BACKGROUND MENU MOBILE
===================================== */

/* background menu mobile */
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper,
.pkp_navigation_core {
    background: #ffffff !important; /* atau transparent */
}

/* dropdown menu */
.pkp_nav_list {
    background: #ffffff !important;
}

/* area search & login mobile */
.pkp_navigation_user {
    background: #ffffff !important;
}

/* =====================================
   FORCE REMOVE BLUE MOBILE MENU
===================================== */

/* semua wrapper menu */
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper,
.pkp_navigation_core,
.pkp_navigation_primary,
.pkp_nav_list {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* saat menu mobile aktif (INI KUNCI) */
.pkp_navigation_primary_wrapper.is_open,
.pkp_navigation_primary_wrapper.show,
.pkp_navigation_user_wrapper.is_open {
    background: #ffffff !important;
}

/* hapus layer biru tambahan */
.pkp_navigation_primary_wrapper::before,
.pkp_navigation_primary_wrapper::after {
    display: none !important;
    background: none !important;
}

/* tombol toggle (hamburger area) */
.pkp_navigation_primary_wrapper button {
    background: transparent !important;
}

/* body saat menu terbuka */
body.pkp_navigation_open {
    background: #ffffff !important;
}

/* sembunyikan tanggal terbit issue di halaman arsip dan issue */
.cmp_issue_date,
.published,
.page_issue .published {
    display: none !important;
}