/* ==========================================================
1. GLOBAL & BODY CONFIGURATION
========================================================== 
*/
body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    background-color: #f4f7f4 !important;
    background-image: url("https://www.transparenttextures.com/patterns/cubes.png") !important;
    background-attachment: fixed !important;
    margin: 0 !important;
    color: #333;
}

.pkp_structure_page {
    max-width: 100% !important; 
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

p { 
    text-align: justify !important; 
    line-height: 1.6;
}

/* ==========================================================
2. HEADER & BRANDING (DEEP GREEN)
========================================================== 
*/
.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
    background: #1B4332 !important; /* Warna dari Image Bapak */
    border-bottom: 4px solid #10b981 !important;
    padding: 5px 0 !important; /* Lebih rapat ke atas */
    margin: 0 !important;
}

.pkp_head_wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 10px 20px !important;
}

.pkp_site_name_wrapper {
    margin: 0 !important;
    padding: 5px 0 !important;
}

.pkp_site_name .current, 
.pkp_site_name a {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    text-decoration: none !important;
    font-weight: 700;
}

/* ==========================================================
3. PRIMARY NAVIGATION (WHITE BAR)
========================================================== 
*/
.pkp_navigation_primary_wrapper {
    width: 100% !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dcfce7 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.pkp_navigation_primary_wrapper .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex;
    align-items: center;
}

.pkp_navigation_primary {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_navigation_primary > li > a {
    color: #1B4332 !important; /* Senada dengan header */
    padding: 15px 20px !important; 
    display: block !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    transition: background 0.2s ease;
}

.pkp_navigation_primary > li > a:hover {
    background: #f0fdf4 !important;
    color: #10b981 !important;
}

/* ==========================================================
4. MAIN CONTENT & SIDEBAR (OVERLAP EFFECT)
========================================================== 
*/
.pkp_structure_content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    position: relative;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
}

/* Kotak Konten Utama */
.pkp_structure_main {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    margin-top: -40px !important; /* Efek melayang menabrak header */
    border: 1px solid #eef2ee;
}

/* Sidebar Sejajar */
@media (min-width: 992px) {
    .pkp_structure_sidebar {
        margin-top: -40px !important; 
        padding-top: 0 !important;
    }
}

/* ==========================================================
5. SIDEBAR BUTTONS & WIDGETS
========================================================== 
*/
.pkp_structure_sidebar .pkp_block .content a {
    display: block !important;
    color: #ffffff !important; 
    background: #1B4332 !important; /* Deep Green */
    padding: 12px 15px 12px 20px !important; 
    margin: 8px 0 !important; 
    font-weight: 600 !important;
    font-size: 13px !important;
    border-radius: 8px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    background: #2D5A47 !important;
    padding-left: 28px !important;
    border-left: 6px solid #fbbf24 !important; /* Aksen Gold Unila */
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* ==========================================================
6. FOOTER & RESPONSIVE
========================================================== 
*/
.pkp_brand_footer { 
    display: none !important; 
}

@media (max-width: 991px) {
    .pkp_structure_main, 
    .pkp_structure_sidebar { 
        margin-top: 20px !important; 
    }
    
    .pkp_navigation_primary {
        flex-direction: column;
    }
}

/* ==========================================================
7. MOBILE MENU CORRECTION (TEXT COLOR ONLY)
========================================================== 
*/
@media (max-width: 991px) {
    /* Memaksa teks menu utama dan sub-menu menjadi gelap saat di mobile */
    .pkp_navigation_primary_wrapper .pkp_navigation_primary li a,
    .pkp_navigation_primary_wrapper .pkp_navigation_primary li ul li a {
        color: #1B4332 !important; /* Warna hijau tua sesuai acuan */
        background-color: #ffffff !important;
        font-weight: 700 !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    /* Memastikan sub-menu muncul dengan warna teks yang sama */
    .pkp_navigation_primary li ul {
        background-color: #f9f9f9 !important;
        display: block !important;
    }

    /* Warna saat menu di-klik atau aktif di mobile */
    .pkp_navigation_primary li a:hover, 
    .pkp_navigation_primary li a:focus {
        background-color: #f0fdf4 !important;
        color: #10b981 !important;
    }
}

/* ==========================================================
8. MOBILE MENU STRUCTURE (NESTED/HIERARCHY)
========================================================== 
*/
@media (max-width: 991px) {
    /* Menu utama tetap di posisi standar */
    .pkp_navigation_primary > li > a {
        padding-left: 20px !important;
        border-bottom: 1px solid #eee !important;
    }

    /* Sub-menu dibuat menjorok ke dalam (Indentasi) */
    .pkp_navigation_primary li ul {
        padding: 0 !important;
        background: #fdfdfd !important;
        border-left: 4px solid #10b981 !important; /* Aksen garis hijau di samping sub-menu */
    }

    .pkp_navigation_primary li ul li a {
        padding-left: 40px !important; /* Memberikan efek bertingkat */
        font-size: 12px !important;
        font-weight: 500 !important;
        text-transform: none !important; /* Sub-menu tidak perlu huruf besar semua agar beda */
        color: #444 !important; /* Warna sedikit lebih lembut untuk sub-menu */
    }

    /* Indentasi lebih dalam jika ada sub-menu level 3 */
    .pkp_navigation_primary li ul li ul li a {
        padding-left: 60px !important;
    }
}