/* Mengatur tinggi logo agar proporsional */
.pkp_site_name .is_img img {
    max-height: 250px; 
    width: auto;
}

/* Meratakan logo ke tengah */
.pkp_site_name {
    text-align: center;
}

/* Mengubah warna teks Login & Register menjadi Navy agar terlihat di background putih */
.pkp_navigation_user > li > a {
    color: #000080 !important; /* Warna Navy */
    font-weight: bold;
}

/* Mengubah warna saat kursor diarahkan (hover) */
.pkp_navigation_user > li > a:hover {
    color: #0056b3 !important; /* Warna Biru Terang saat hover */
}

/* Jika ada ikon di sebelah teks, ubah juga warnanya */
.pkp_navigation_user .fa {
    color: #000080 !important;
}

/* Efek Hover untuk Tombol Submission */
.btn-submission:hover {
    background-color: #00465a !important;
    color: #ffffff !important;
}

/* Efek Hover untuk Judul Artikel */
.article-link:hover {
    color: #00465a !important;
    text-decoration: underline !important;
}

/* Tetap sertakan pengaturan header sebelumnya agar tidak hilang */
.pkp_site_name .is_img img { max-height: 250px; width: auto; }
.pkp_navigation_user > li > a { color: #00465a !important; font-weight: bold; }

/* Merapikan Footer OJS */
.pkp_structure_footer {
    background-color: #ffffff; /* Background putih bersih */
    padding: 30px 0;
}

/* Mengatur container utama footer agar sejajar dengan logo PKP */
.pkp_structure_footer .pkp_brand_footer {
    float: right;
    margin-top: -100px; /* Menarik logo PKP ke atas agar sejajar */
    filter: grayscale(100%) opacity(0.6); /* Membuat logo PKP lebih soft/elegan */
    transition: 0.3s;
}

.pkp_structure_footer .pkp_brand_footer:hover {
    filter: grayscale(0%) opacity(1);
}

/* Memastikan konten footer mengambil ruang yang cukup */
.pkp_structure_footer .pkp_footer_content {
    width: 85%; /* Memberi ruang untuk logo di kanan */
    float: left;
}

/* Membersihkan float agar tidak berantakan */
.pkp_structure_footer:after {
    content: "";
    display: table;
    clear: both;
}


/* Gaya Dasar Link Sidebar */
.side-link {
    display: block;
    padding: 6px 12px;
    background: #ffffff;
    color: #333 !important;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 600;
    border-left: 3px solid #e1e8ea;
    transition: all 0.3s ease;
}

/* Efek Hover Link Sidebar (Berubah jadi Dark Teal) */
.side-link:hover {
    background: #00465a !important;
    color: #ffffff !important;
    border-left: 3px solid #D4A017; /* Tetap ada aksen Gold sedikit agar manis */
    padding-left: 18px; /* Efek bergeser sedikit */
}

/* Gaya Tombol Submit di Sidebar */
.side-btn-submit {
    display: block;
    padding: 8px;
    background: #00465a;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.side-btn-submit:hover {
    background: #002d3a !important; /* Warna lebih gelap saat diklik */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Menghilangkan Judul About default di Homepage */
.obj_journal_details .description h2 {
    display: none;
}

/* Jika masih muncul, gunakan selector yang lebih spesifik ini */
.page_index_journal .about_section {
    display: none;
}

/* Memberikan background pada konten halaman statis (Focus and Scope, dll) */
.page_static .description, 
.page_about .description {
    background: #f4f7f8;
    padding: 30px;
    border-radius: 8px;
    border-left: 5px solid #00465a;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    line-height: 1.8;
    color: #333;
}

/* Mempercantik judul di dalam halaman statis */
.page_static h2, 
.page_about h2 {
    color: #00465a;
    margin-bottom: 20px;
    font-weight: bold;
}

/* Menyembunyikan blok Current Issue bawaan yang muncul di atas */
.page_index_journal .current_issue {
    display: none !important;
}

/* Efek saat kursor menyentuh judul artikel */
.issue-link:hover {
    color: #00465a !important; /* Berubah ke warna Dark Teal jurnal Anda */
    text-decoration: underline !important; /* Muncul garis bawah */
    padding-left: 5px; /* Sedikit bergeser ke kanan (efek animasi) */
}

/* Efek saat judul artikel diklik (Active state) */
.issue-link:active {
    color: #D4A017 !important; /* Berubah jadi warna Emas saat ditekan */
    transform: scale(0.98); /* Sedikit mengecil seolah ditekan tombolnya */
}

/* Efek jika artikel sudah pernah dikunjungi (Visited - Opsional) */
.issue-link:visited {
    color: #555; /* Warna menjadi lebih redup menandakan sudah dibaca */
}

/* Membuat teks abstrak menjadi rata kiri-kanan */
.obj_article_details .abstract {
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.8; /* Memberi ruang antar baris agar tidak sesak */
    color: #333;
    background: #fdfdfd; /* Sedikit sentuhan warna agar elegan */
    padding: 15px;
    border-radius: 4px;
}

/* Mempertegas judul abstrak */
.obj_article_details .abstract h3 {
    color: #00465a; /* Menggunakan warna Dark Teal jurnal Anda */
    border-bottom: 2px solid #00465a;
    display: inline-block;
    margin-bottom: 15px;
}

/* Meratakan How to Cite dan elemen detail lainnya */
.obj_article_details .item.citation .value,
.obj_article_details .item.keywords .value,
.obj_article_details .item.references .value {
    text-align: justify;
    text-justify: inter-word;
    line-height: 1.6;
}

/* Mempercantik Judul Label (seperti 'How to Cite') */
.obj_article_details .item .label {
    color: #00465a;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    margin-bottom: 5px;
    display: block;
}

/* Memaksa semua paragraf di dalam konten utama menjadi rata kiri-kanan */
.page_static .pkp_structure_main p, 
.page_about .pkp_structure_main p,
.pkp_structure_page p {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* Memastikan daftar list juga rapi */
.pkp_structure_main li {
    text-align: justify !important;
}