/* ==========================================================================
   1. MENYELARASKAN WARNA HEADER DENGAN BANNER
   ========================================================================== */

/* Mengubah pita ungu menjadi biru gelap sesuai warna kiri banner */
.pkp_structure_head {
    background-color: #0f263c !important; 
    border-bottom: 3px solid #2bc4a0 !important;
}

/* Mengubah warna teks judul jurnal menjadi putih bersih */
.pkp_structure_head .pkp_site_name .is_text {
    color: #ffffff !important; 
    font-weight: bold;
    font-size: 1.4em;
}

/* KHUSUS MENU UTAMA (Top-Level): Jadikan teksnya putih */
.pkp_structure_head .pkp_navigation_primary > li > a, 
.pkp_structure_head .pkp_navigation_user > li > a {
    color: #ffffff !important;
}

.pkp_structure_head .pkp_navigation_primary > li > a:hover, 
.pkp_structure_head .pkp_navigation_user > li > a:hover {
    color: #2bc4a0 !important; 
}

/* KHUSUS SUB-MENU (Dropdown): Jadikan teksnya biru gelap */
.pkp_structure_head .pkp_navigation_primary ul {
    background-color: #ffffff !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

.pkp_structure_head .pkp_navigation_primary ul li a {
    color: #0f263c !important; /* Paksa teks dropdown jadi biru gelap */
    padding: 10px 15px !important;
}

/* Efek saat sub-menu disorot */
.pkp_structure_head .pkp_navigation_primary ul li a:hover,
.pkp_structure_head .pkp_navigation_primary ul li a:focus {
    color: #2bc4a0 !important; 
    background-color: #f1f5f9 !important; 
}


/* ==========================================================================
   2. MEMPERCANTIK SIDEBAR & MENYELARASKAN WARNA
   ========================================================================== */

.pkp_block .title {
    background-color: #143556 !important; /* Menyelaraskan kotak menu dengan biru gelap */
    color: #ffffff !important;
    border-radius: 4px 4px 0 0;
}

/* Mencegah gambar/logo di sidebar menjadi terlalu besar atau terpotong */
.pkp_structure_sidebar img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 10px auto;
}

/* WARNA KOTAK ADDITIONAL MENU */
.pkp_structure_sidebar .pkp_block.custom_block .title,
.pkp_structure_sidebar .pkp_block .title {
    background-color: #0f263c !important; /* Biru gelap sesuai header */
    color: #ffffff !important;
    border-bottom: 2px solid #2bc4a0 !important; /* Garis aksen hijau toska */
}


/* ==========================================================================
   3. DESAIN & ANIMASI CUSTOM MENU SIDEBAR
   ========================================================================== */

.jis-sidebar-menu {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.jis-sidebar-title {
    background-color: #0f263c !important;
    color: #ffffff !important;
    padding: 15px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    border-bottom: 4px solid #2bc4a0 !important;
    text-transform: uppercase;
}

.jis-sidebar-body {
    padding: 15px 15px 5px 15px;
}

.jis-sidebar-body a {
    display: block;
    padding: 10px 15px;
    margin-bottom: 10px;
    background-color: #f8fafc;
    color: #0f263c !important;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #2bc4a0;
    transition: all 0.3s ease; /* Kunci kelancaran animasi */
}

/* EFEK HOVER: MEMBESAR DAN BERUBAH WARNA */
.jis-sidebar-body a:hover {
    transform: scale(1.04); /* Membuat tombol membesar 4% */
    background-color: #e6f7f3; /* Mengubah latar jadi hijau toska sangat muda */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Menambah bayangan agar tampak melayang */
    color: #0f263c !important;
    border-color: #2bc4a0;
}