/* ==========================================
   1. HEADER RESWARA - FULL WIDTH & RESPONSIVE
   ========================================== */

/* Area header utama */
.pkp_structure_head {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wrapper header */
.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    background: transparent;
}

/* Area logo/header */
.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Link logo */
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Link pembungkus gambar */
.pkp_site_name > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Container gambar */
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* GAMBAR HEADER */
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =======================================================
   2. TOP NAV BAR & STICKY MENU ATAS
   ======================================================= */
.pkp_navigation_user_wrapper {
    background-color: #fffff; /* Teal Syntax */
    top: 0; right: 0; padding: 5px 15px; 
}
.pkp_navigation_user > li > a { color: #100370 !important; font-weight: 600; font-size: 0.85rem; }
.pkp_navigation_user > li > a:hover { color: #F4B324 !important; } /* Highlight Kuning */

.pkp_navigation_primary_wrapper {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.98); 
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border-bottom: 2px solid #009F8C;
}
.pkp_navigation_primary_row { padding-left: 2.143rem; padding-right: 2.143rem; }
#navigationPrimary > li > a {
    padding-bottom: 8px; padding-top: 8px; border-bottom: 3px solid transparent; transition: all 0.3s ease !important; font-weight: 600; color: #475569; 
}
@media (min-width: 992px) { #navigationPrimary a { color: #0D223B; } }
#navigationPrimary > li > a:hover {
    color: #009F8C !important; border-bottom-color: #009F8C; background-color: transparent;
}