/* =========================================================
   IJMA EXCLUSIVE CLEAN THEME - FIXED & HARMONIS
   ========================================================= */

/* 1. HEADER UTAMA - WARNA ABU HANGAT */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
#headerNavigationContainer {
    background: #E8E6E1 !important;
    background-color: #E8E6E1 !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Jinakkan pseudo-element bawaan tema OJS agar tidak bocor warna lain */
.pkp_structure_head::before,
.pkp_structure_head::after {
    background: #E8E6E1 !important;
    background-color: #E8E6E1 !important;
    background-image: none !important;
    display: none !important;
}

/* 2. GARIS GOLD ELEGAN BAWAH HEADER */
.pkp_navigation_primary_row {
    border-bottom: 2px solid #D4AF37 !important;
}

/* =========================================================
   3. MENU NAVIGASI UTAMA (Warna Hijau IJMA)
   ========================================================= */
body .pkp_structure_page .pkp_navigation_primary > li > a,
.pkp_structure_head .pkp_navigation_primary > li > a {
    color: #123D2F !important; /* Warna Hijau Gelap IJMA */
    font-weight: bold !important;
    background: transparent !important;
}

/* Hover effect pada menu utama */
body .pkp_structure_page .pkp_navigation_primary > li > a:hover,
.pkp_structure_head .pkp_navigation_primary > li > a:hover {
    color: #D4AF37 !important; /* Berubah gold saat disorot */
}

/* 4. USER & SEARCH NAV */
.pkp_navigation_user_wrapper,
.pkp_navigation_search_wrapper {
    background: transparent !important;
}

.pkp_navigation_user_wrapper a,
.pkp_navigation_search_wrapper a,
.pkp_search {
    color: #123D2F !important;
    font-weight: 700 !important;
}

/* 5. LANGUAGE BLOCK */
.block_language .title {
    background: transparent !important;
    color: #123D2F !important;
    border: none !important;
}

/* 6. UKURAN LOGO DESKTOP */
.pkp_site_name .is_img img,
.pkp_site_name_wrapper img {
    max-height: 100px !important;
    width: auto !important;
}

/* 7. KUNCI MUTLAK AREA BODY & KONTEN AGAR TETAP PUTIH BERSIH */
body,
.pkp_structure_page,
.pkp_page_index,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Hapus semua sisa garis atau bayangan atas dari body */
body::before,
body::after {
    display: none !important;
    content: none !important;
}

/* Pengaman layout atas */
.pkp_structure_page,
.pkp_structure_head {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 8. RESPONSIF MOBILE */
@media (max-width: 768px) {
    .pkp_site_name .is_img img,
    .pkp_site_name_wrapper img {
        max-height: 65px !important;
        width: auto !important;
    }

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

/* =========================================================
   9. FIX DROPDOWN MENU IJMA (SUPER PAKSA & SEJAJAR KIRI)
   ========================================================= */
/* Kunci induknya biar anaknya punya patokan koordinat pas di bawahnya */
.pkp_navigation_primary > li {
    position: relative !important;
}

/* Atur posisi kotak dropdown biar rata kiri dan lebarnya pas */
body .pkp_structure_page .pkp_navigation_primary ul li ul,
.pkp_structure_head .pkp_navigation_primary > li > ul {
    background-color: #123D2F !important; /* Warna Hijau IJMA */
    border: 1px solid #D4AF37 !important; /* Border Gold */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.5) !important;
    position: absolute !important;
    left: 0 !important; /* INI KUNCI BIAR SEJAJAR KIRI */
    margin: 0 !important;
    padding: 0 !important;
    min-width: 230px !important; /* Lebar kotak dipasin */
    border-radius: 0 0 5px 5px !important;
    z-index: 9999 !important; /* Biar dropdown nggak tenggelam ketutup gambar */
}

/* Pastikan tulisan di dalam dropdown rata kiri */
body .pkp_structure_page .pkp_navigation_primary ul li ul li,
.pkp_structure_head .pkp_navigation_primary > li > ul > li {
    text-align: left !important; 
    list-style: none !important;
}

/* Atur jarak spasi (padding) teks di dalam kotak dropdown */
body .pkp_structure_page .pkp_navigation_primary ul li ul li a,
.pkp_structure_head .pkp_navigation_primary > li > ul > li > a {
    color: #FFFFFF !important; /* Teks Putih */
    font-weight: bold !important;
    background-color: transparent !important;
    display: block !important;
    padding: 12px 15px !important; 
    text-transform: uppercase !important; 
}

/* Efek warna saat disorot mouse (hover) */
body .pkp_structure_page .pkp_navigation_primary ul li ul li a:hover,
.pkp_structure_head .pkp_navigation_primary > li > ul > li > a:hover {
    background-color: #D4AF37 !important; /* Background jadi Gold */
    color: #123D2F !important; /* Teks jadi Hijau IJMA */
}

/* =========================================================
   10. FIX OVERLAP DROPDOWN DI MOBILE (HP)
   ========================================================= */
@media (max-width: 768px) {
    /* Ubah posisi dropdown jadi relative agar mendorong menu di bawahnya */
    body .pkp_structure_page .pkp_navigation_primary ul li ul,
    .pkp_structure_head .pkp_navigation_primary > li > ul {
        position: relative !important;
        width: 100% !important; /* Penuhi lebar layar */
        box-shadow: none !important; /* Hilangkan bayangan biar lebih clean di HP */
        border: none !important;
        border-radius: 0 !important;
    }

    /* Geser sedikit teks submenu ke kanan biar kelihatan beda dari menu utama */
    body .pkp_structure_page .pkp_navigation_primary ul li ul li a,
    .pkp_structure_head .pkp_navigation_primary > li > ul > li > a {
        padding-left: 30px !important; 
    }
}