/* ==========================================
   2. MENU NAVIGASI (DILUARAN EMBOSS / 3D BLUE STYLE)
   ========================================== */
/* Background Bar Navigasi Utama */
.pkp_structure_head,
.pkp_head_wrapper,
.navigation_primary {
    background-color: #ffffff !important; /* Latar putih bersih */
    border-bottom: 1px solid #dcdcdc !important; /* Garis pembatas abu-abu tipis di bawah */
}

.pkp_navigation_primary_wrapper,
.pkp_nav_list {
    background-color: transparent !important;
    padding-top: 0px;
}

.pkp_navigation_user {
    padding-top: 0px;
}

/* Teks Nama Menu Navigasi Utama & User */
.pkp_nav_list li a,
.pkp_navigation_user li a {
    color: #4b8ccb !important; /* Warna biru sesuai gambar */
    font-size: 14px !important;
    font-weight: 800 !important; /* Bold agar tebal & tegas */
    text-transform: uppercase; /* Huruf Kapital */
    padding: 12px 20px !important;
    letter-spacing: 0.8px;
    background: transparent !important;
    
    /* Efek Timbul / Emboss 3D khas pada gambar */
    text-shadow: 
        1px 1px 1px #ffffff,
        -1px -1px 1px #ffffff,
        1px 2px 2px rgba(0, 0, 0, 0.35);
    
    transition: all 0.2s ease-in-out;
}

/* Efek Hover & Status Menu Aktif */
.pkp_nav_list li a:hover,
.pkp_nav_list li a:focus,
.pkp_navigation_user li a:hover {
    color: #2b6cb0 !important; /* Biru sedikit lebih gelap saat di-hover */
    background-color: #f2f6fa !important; /* Latar belakang soft-blue tipis saat hover */
    border-radius: 4px;
    text-decoration: none !important;
    
    /* Efek bayangan lebih tegas saat di-hover */
    text-shadow: 
        1px 1px 1px #ffffff,
        1px 2px 3px rgba(0, 0, 0, 0.45);
}

.pkp_nav_list li.is_active a {
    color: #1a4971 !important;
    background-color: transparent !important;
    border-bottom: 3px solid #4b8ccb; /* Garis penanda menu aktif */
}

/* Sub-Menu Dropdown (Jika ada menu bertingkat) */
.pkp_nav_list li ul {
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.pkp_nav_list li ul li a {
    color: #4b8ccb !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none;
    text-shadow: none; /* Sub-menu tanpa efek emboss agar tetap bersih */
}

.pkp_nav_list li ul li a:hover {
    background-color: #eaf2f8 !important;
    color: #1a4971 !important;
}