/* ==========================================================
   1. PENGATURAN UMUM (BERLAKU DI SEMUA PERANGKAT)
   ========================================================== */
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name > a {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  height: auto !important; 
}

/* ==========================================================
   2. TAMPILAN KHUSUS LAPTOP / DESKTOP (Layar Lebar)
   ========================================================== */
@media screen and (min-width: 992px) {
  .pkp_site_name .is_img img {
    min-height: 160px !important; /* Mengunci tinggi minimal di laptop */
    max-height: 220px !important; /* Mengunci tinggi maksimal di laptop */
    object-fit: fill !important;  /* Memaksa gambar menutup penuh warna biru */
  }
}

/* ==========================================================
   3. TAMPILAN KHUSUS HP & TABLET (Tema Manuscript Responsive)
   ========================================================== */
@media screen and (max-width: 991px) {
  /* Memaksa kontainer header di HP melebar penuh */
  .pkp_structure_head .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .pkp_site_name .is_img img {
    /* Reset total agar tinggi mengikuti proporsi lebar asli (TIDAK GEPENG) */
    min-height: 0 !important;     
    max-height: none !important;  
    object-fit: contain !important; 
    
    /* Mengubah sisa latar belakang biru di kanan-kiri HP menjadi warna merah marun banner */
    background-color: #7b141d !important; 
  }

  /* Menyesuaikan posisi menu user 'saoraja' di HP agar tidak menumpuk rusak */
  .pkp_navigation_user_wrapper {
    position: relative !important;
    display: block !important;
    text-align: right !important;
    padding: 10px 20px !important;
    background-color: #7b141d !important; /* Disamakan dengan warna banner marun */
  }
}