/* Mengatur lebar dan gaya dasar sidebar */
.sidebar-menu {
  width: 280px;
  background-color: #00bfff; /* Warna latar belakang ungu muda */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  border-radius: 4px;
  overflow: hidden; /* Memastikan sudut membulat dengan baik */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Gaya Header */



.sidebar-menu .menu-header h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0px;
}

/* Gaya Daftar Menu */
.sidebar-menu .menu-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-menu .menu-list li {
  border-bottom: 1px solid #c0a9d4;
}

.sidebar-menu .menu-list li a {
  display: block;
  padding: 14px 16px;
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

/* Efek saat kursor diarahkan ke menu */
.sidebar-menu .menu-list li a:hover {
  background-color: #c0a9d4;
  color: #3f1b63;
  padding-left: 20px; /* Memberikan efek geser sedikit ke kanan */
}
/* Mengubah warna latar belakang header utama */
.pkp_structure_head {
    background-color: #00bfff!important; /* Ganti dengan kode warna pilihan Anda */
}

/* Mengubah warna area navigasi jika ingin disamakan */
.pkp_navigation_user_wrapper {
    background-color: #00bfff !important;
}
/* Menargetkan area judul (bagian atas yang sudah oranye) */
.pkp_structure_head {
    background-color: #00bfff !important; /* Ganti dengan kode oranye Anda */
}

/* Menargetkan bar navigasi (bagian bawah yang masih biru) */
.pkp_navigation_user_wrapper, 
.pkp_navigation_primary_wrapper {
    background-color: #00bfff!important;
    border: none !important; /* Menghilangkan garis pembatas jika ada */
}

/* Opsional: Jika masih ada garis tipis di antara keduanya */
header.pkp_structure_head {
    border-bottom: none !important;
}
/* Pastikan seluruh area navigasi (dari ujung ke ujung) berwarna oranye */
.pkp_navigation_primary_row {
    background-color: #00bfff !important; /* Samakan dengan kode oranye Anda */
}

/* Menghilangkan bayangan atau border yang mungkin muncul di antara box */
.pkp_navigation_primary_wrapper {
    background-color: #00bfff !important;
    border: none !important;
    box-shadow: none !important;
}

/* Jika masih ada biru di sisi paling luar */
.pkp_structure_head {
    background-color: #00bfff !important;
}
/* Menambah bayangan lembut pada area konten agar lebih 'timbul' */
.pkp_structure_main {
    background: #fff;
    padding: 20px !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-radius: 5px;
}

/* Mengatur judul jurnal agar lebih besar dan bersih */
.pkp_site_name_wrapper .pkp_site_name {
    font-size: 24px;
    color: #FFFFFF !important;
}

.item.reviewers {
    line-height: 1.2 !important;
}

.item.reviewers p {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.item.reviewers li {
    margin-bottom: 5px !important;
}

.item.reviewers br {
    line-height: 1 !important;
}

.pkp_navigation_user_wrapper::before {
    content: "E-ISSN: XXXX-XXXX | P-ISSN: XXXX-XXXX";
    position: absolute;
    right: 200px; /* sesuaikan */
    top: 6px;
    font-size: 12px;
    color: #ffffff;
}

/* Mengubah background dropdown menu utama */
.pkp_navigation_primary ul ul {
    background-color: #00bfff !important; /* Biru Gelap */
    border: none !important;
}

/* Mengubah warna teks di dalam dropdown agar kontras (Putih) */
.pkp_navigation_primary ul ul li a {
    color: #000 !important;
}

/* Mengubah warna saat menu diarahkan kursor (Hover) */
.pkp_navigation_primary ul ul li a:hover {
    background-color: #00bfff !important; /* Biru lebih terang saat di-hover */
    color: #FFFFFF !important;
}