/* ===== HEADER ===== */

/* === HEADER WRAPPER === */
.pkp_structure_head {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    max-width: 1200px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: visible; /* untuk pastikan dropdown bisa keluar dari header */
    z-index: 1000;
}

/* === LOGO HEADER === */
.pkp_site_name .is_img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    z-index: 1;
}

/* === MENU NAVIGASI === */
.pkp_navigation {
    position: relative;
    z-index: 100;
    display: block;
}

/* Untuk menu dropdown yang muncul ke bawah */
.pkp_navigation_primary li {
    position: relative;
}

.pkp_navigation_primary li ul {
    position: absolute;
    background: white;
    z-index: 200;
    display: none;
}

.pkp_navigation_primary li:hover > ul {
    display: block;
}


/* ===== Layout Utama: header, konten, footer ===== */
.pkp_structure_head,
.pkp_structure_content,
.pkp_structure_footer {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}

/* Hilangkan padding horizontal di header/footer */
.pkp_structure_head,
.pkp_structure_footer {
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}


/* ===== BODY dan Konten Utama ===== */
body {
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

.pkp_structure_content {
    background-color: #ffffff;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* ===== Blok sidebar Kelas .block_custom  ===== */
.pkp_block .title {
    background-color: #f1f1f1; /* Ganti dengan warna yang diinginkan */
    padding: 10px;
    border-radius: 5px;
}

.pkp_block.block_language li {
    border-bottom: 1px solid #FF7F00; /* Garis bawah */
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.pkp_block {
    margin-bottom: 5px; /* Kurangi nilai ini sesuai kebutuhan */
    padding-bottom: 5px;
}


.block_custom {
    display: flex; /* Menggunakan flexbox untuk tata letak */
    flex-direction: column; /* Elemen ditata secara vertikal */
    max-width: 500px; /* Batasi lebar agar tidak terlalu lebar */
}

.block_custom img:not(#flagcounter) {
    max-width: 100px; /* Ukuran gambar kecil */
    display: block; /* Menghindari efek inline */
}

#sidebar.block_custom #Supplementary_Application img {
    display: inline-block;
    width: 80px; /* Sesuaikan ukuran gambar */
    height: auto; /* Menjaga aspek rasio */
    margin: 5px; /* Memberikan sedikit jarak antar gambar */
    border-radius: 5px; /* Memberikan sudut yang lebih lembut */
    object-fit: cover; /* Memastikan gambar tetap proporsional */
}

.block_licence {
  display: flex;
  align-items: center;
  flex-wrap: wrap; /* supaya teks tetap rapi saat layar kecil */
  gap: 10px; /* beri jarak antara ikon dan teks */
  text-align: justify; /* Rata kiri-kanan */
  word-wrap: break-word; /* Pastikan kata tidak keluar dari batas div */
  hyphens: auto; /* Pemenggalan kata otomatis */
  line-height: 1.6; /* Menyesuaikan jarak antar baris untuk keterbacaan */
  max-width: 100%; /* Pastikan tidak melebar lebih dari area yang tersedia */
  font-size: 85%;
}

.block_licence img {
  height: 160px; /* sesuaikan ukuran ikon */
  width: auto;
margin-right: 0; /* Melekat ke sisi kanan */
}


/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper {
    background: #e8ebef; /* Abu-abu terang */
    border-bottom: @double solid;
    border-bottom-color: #595959;
}

.pkp_footer_content {
    float: left;
    width: 80%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pkp_footer_content a {
    color: #00ffcc; /* Warna cyan terang */
}
.pkp_footer_content a:hover {
    color: #ff6600; /* Warna oranye saat hover */
}


/* Footer warna biru & rounded bawah */
.pkp_structure_footer {
    background: linear-gradient(to bottom, #005377, #003A58);
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.2);
    color: white;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    overflow: hidden;
    padding: 10px;
}

.pkp_brand_footer {
    float: right;
    width: 20%;
    padding-top: 10px;
    padding-bottom: 5px;
}

.pkp_brand_footer img {
    max-width: 80px; /* Sesuaikan ukuran */
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Membagi pkp_footer_content menjadi dua kolom dengan kelas footer-left dan footer-center */
.footer-container {
    display: flex;
    align-items: left;
    justify-content: flex-start;
    margin: 0 auto;
}

.footer-left {
    flex: 10%;
    text-align: left;
    margin: 0 auto;
}

.footer-left img {
    max-width: 80px;
    height: auto;
    margin-left: 0; /* Melekat ke sisi kiri */
}

.footer-center {
    flex: 90%;
    text-align: left;
    margin-left: 5px;
    margin-top: 0;
    padding-top: 0;
}


@media screen and (max-width: 768px) {
   .pkp_navigation_primary li ul li a {
     color: #000 !important;
    }

  .pkp_structure_sidebar {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .pkp_structure_content {
    flex: 1 1 100%;
    max-width: 100%;
  }
}



/* Meratakan teks dan mengaktifkan pemenggalan kata di abstrak */
.obj_article_details .item.abstract {
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  word-break: break-word;
  line-height: 1.6;
}

/* Format referensi agar justify dan ada pemenggalan kata */
.obj_article_details .item.references,
.citation,
#references,
.references {
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  word-break: break-word;
  line-height: 1.6;
}