/* ==========================================================================
   KODE PAS BANNER METAKOGNISI (FULL WIDTH & PROPORSIONAL)
   ========================================================================== */

/* 1. Ubah latar belakang terluar header menjadi oranye agar menyatu sempurna */
header.pkp_structure_head, 
.pkp_structure_head {
    background-color: #f17b21 !important; 
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. Bongkar batas lebar kontainer bawaan OJS */
header.pkp_structure_head .pkp_container,
.pkp_structure_head .pkp_container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Ratakan pembungkus logo */
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

/* 4. PAKSA GAMBAR BANNER PAS DAN MELEBAR SEPERTI CONTOH SEBELUMNYA */
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;          /* Memaksa melebar penuh dari ujung ke ujung */
    max-width: 100% !important;
    min-width: 100% !important;
    height: auto !important;         /* Menjaga aspek rasio gambar agar TIDAK gepeng */
    max-height: 420px !important;    /* Mengunci tinggi maksimal di laptop agar pas di mata */
    object-fit: cover !important;    /* Memotong halus jika layar terlalu lebar, seperti contoh AJOSHE */
    object-position: center !important; /* Fokus potongan tetap di tengah banner */
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. Hilangkan teks bawaan OJS */
.pkp_site_name .is_text {
    display: none !important;
}

/* ==========================================================================
   NAVIGASI MENU UTAMA
   ========================================================================== */
.pkp_navigation_primary > li > a {
    color: #f17b21 !important; /* Warna menu utama senada dengan oranye banner */
    font-weight: 600 !important;
}

.pkp_navigation_primary > li > a:hover {
    color: #2b3990 !important; /* Efek sorot warna biru/ungu gelap */
}