/* =========================================================
   FOKUS 1: LOGO BESAR PENUH (KIRI-KANAN & ATAS-BAWAH)
   ========================================================= */
.pkp_structure_head .pkp_site_name_wrapper {
    padding: 0 !important;
}

.pkp_structure_head .pkp_site_name {
    position: relative !important; 
    width: 100% !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.pkp_structure_head .pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
}

.pkp_structure_head .pkp_site_name .is_img img {
    max-height: none !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
}

/* =========================================================
   FOKUS 2: WARNA LATAR GRADASI (HIJAU KIRI - MERAH KANAN)
   ========================================================= */
/* Menghapus warna dasar pada elemen pembungkus */
.pkp_structure_head .pkp_head_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_user_wrapper {
    background-color: transparent !important; 
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Menerapkan warna gradasi dari kiri (hijau) ke kanan (merah) ke kanvas utama */
header.pkp_structure_head {
    background: linear-gradient(to right, #118a3d, #cc110e) !important;
    border: none !important;
}

/* =========================================================
   FOKUS 3: MENU & PENCARIAN (TEKS PUTIH AGAR TERBACA)
   ========================================================= */
/* 1. Menu Utama (Current, Archives, About) */
#navigationPrimary > li > a {
    color: #ffffff !important; /* Warna Putih */
    font-weight: 500 !important; 
    font-size: 15px !important;
    text-shadow: none !important;
}
#navigationPrimary > li > a:hover {
    color: #ffcc00 !important; /* Berubah kuning saat disorot */
}

/* 2. Menu Pencarian (Search) DENGAN IKON KACA PEMBESAR */
.pkp_search_desktop {
    margin-left: auto !important; 
}

/* Memaksa tulisan Search menjadi PUTIH */
.pkp_search_desktop .search_controls a.headerSearchPrompt,
.pkp_search_desktop .search_controls a.search_prompt {
    color: #ffffff !important; 
    font-weight: 500 !important;
    font-size: 15px !important;
    text-shadow: none !important;
    opacity: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

/* Memunculkan dan memutihkan Ikon Kaca Pembesar */
.pkp_search_desktop .search_controls a.headerSearchPrompt::before,
.pkp_search_desktop .search_controls a.search_prompt::before {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    margin-right: 8px !important; 
    opacity: 1 !important;
}

/* Warna saat kursor diarahkan ke pencarian */
.pkp_search_desktop .search_controls a.headerSearchPrompt:hover,
.pkp_search_desktop .search_controls a.search_prompt:hover,
.pkp_search_desktop .search_controls a.headerSearchPrompt:hover::before,
.pkp_search_desktop .search_controls a.search_prompt:hover::before {
    color: #ffcc00 !important; /* Berubah kuning */
}

/* 3. Menu Atas (Register & Login) */
ul.pkp_navigation_user > li > a {
    color: #ffffff !important; /* Warna Putih */
    font-weight: 500 !important;
    font-size: 14px !important;
    background: transparent !important;
    text-shadow: none !important;
}
ul.pkp_navigation_user > li > a:hover {
    color: #ffcc00 !important; /* Berubah kuning */
}