/* 1. Pengaturan Header & Logo agar Full Width */
.pkp_site_name_wrapper {
    max-width: 100% !important;
    padding: 0 !important;
}

.pkp_site_name {
    display: block !important;
    text-align: center !important;
}

.pkp_site_name img {
    max-height: none !important; 
    width: 100% !important;
    height: auto !important;
    max-width: 1200px;
    margin: 0 auto !important;
}

.pkp_structure_head {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: none !important; 
}

/* 2. Menu User (Login/Register) & Primary Menu - Skema Maroon infoSE */

/* Mengatur background bar atas (Secondary) dan bar utama (Primary) */
.pkp_navigation_user_wrapper, 
.pkp_navigation_primary_wrapper {
    background-color: rgba(128, 0, 0, 0.8) !important; /* Maroon Tua Transparan */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 5px 0;
}

/* Warna Teks Semua Menu (User & Primary) */
.pkp_navigation_user a, 
.pkp_navigation_primary a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 12px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    letter-spacing: 0.5px;
}

/* Hover: Menggunakan Kuning Cerah sesuai aksen logo infoSE */
.pkp_navigation_user a:hover, 
.pkp_navigation_primary a:hover {
    color: #ffcc00 !important; /* Kuning Cerah infoSE */
    background-color: rgba(255, 255, 255, 0.1) !important;
    text-decoration: none !important;
}

/* 3. Dropdown Sub-Menu (Primary & Secondary) */
.pkp_navigation_user ul, 
.pkp_navigation_primary ul {
    background-color: #600000 !important; /* Maroon Lebih Gelap untuk Dropdown */
    border: 1px solid #ffcc00 !important; /* Border Kuning agar kontras */
    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}

.pkp_navigation_user ul li a, 
.pkp_navigation_primary ul li a {
    color: #ffffff !important;
    padding: 10px 15px !important;
    text-transform: none !important; /* Sub-menu tidak perlu kapital semua agar rapi */
}

.pkp_navigation_user ul li a:hover, 
.pkp_navigation_primary ul li a:hover {
    background-color: #ffcc00 !important; /* Latar kuning saat hover */
    color: #800000 !important;            /* Teks jadi maroon saat background kuning */
}

/* 4. Merapikan Ikon Pencarian (Search) */
.pkp_navigation_user .search_link, 
.pkp_navigation_primary .search_link {
    color: #ffffff !important;
}

/* Menghilangkan padding berlebih pada wrapper primary */
.pkp_navigation_primary_wrapper {
    margin-top: 1px; /* Memberi jarak tipis antar bar */
}