/* Samakan lebar header & body */

.pkp_structure_head {
    max-width: 1140px;			/* Samakan lebar header dengan body*/
    margin: 0 auto;
}

.pkp_site_name img {
    width: 100%;			/* Kecilkan tinggi banner/header (INI PALING PENTING) */
    max-height: 120px;
    object-fit: cover;
}


.pkp_site_name_wrapper {
    padding: 5px 0;			/* Kurangi padding header */
}


.pkp_navigation_primary > li > a {
    padding: 5px 12px;			/*  Kecilkan menu kuning */
    font-size: 15px;
}

.pkp_structure_head {
    padding-bottom: 0;			/* Hilangkan jarak berlebih antara header & menu */

}

.pkp_structure_main p {
    font-size: 15px; 			/*  Perbesar teks isi artikel / konten utama  */
    line-height: 1.7;
}

#header img {
    max-width: 1130px !important; 	/* Membatasi ukuran gambar logo sesuai lebar tampilan */
    height: auto !important; 		/* Menjaga proporsi logo   auto */
}

#header .site-logo {
    width: 1130px !important; 		/* Sesuaikan ukuran lebar logo sebelumnya 200px */
    height: auto !important; 		/* Menjaga aspek rasio */
}

.pkp_site_name_wrapper {
    background-image: url("JIAFI_Header12");
    background-size: cover;
    background-position: center;
    height: 90px;
}

.pkp_site_name {
    display: none;			/* Hilangkan teks judul agar diganti gambar */

}

.pkp_navigation_user,
.pkp_navigation_primary {
    display: inline-block;		/*Biar benar-benar sejajar (rapi satu garis)  */
    vertical-align: middle;
}

.pkp_navigation_user li,
.pkp_navigation_primary li {
    display: inline-block;
}

.pkp_navigation_primary > li > a:hover {
    background-color: #0056b3;			/* Efek hover (saat disentuh mouse) pading */
    color: #fff;
}

.pkp_navigation_primary > li > a {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);	/* Tambahkan bayangan biar lebih modern */
}

.pkp_navigation_user > li > a {
    background-color: #16a085;			/* Kalau mau menu Login/Register juga berwarna */
    color: #fff;
    padding: 8px 14px;
    margin: 2px;
    border-radius: 4px;
}