/* 1. Paksa elemen dasar mengambil 100% tinggi layar tanpa sisa */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    min-height: 100% !important;
    background-image: url(https://stebipuibogor.ac.id/wp-content/uploads/2026/06/bg-scaled.jpg) !important;
    background-repeat: repeat !important;
    background-attachment: fixed !important;
    background-position: top left !important;
    background-size: 150px auto !important;
}

/* 2. Bersihkan margin/padding luar area halaman */
.pkp_structure_page {
    background-color: #ffffff !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important; /* Memotong jarak bawah kontainer utama */
}

/* 3. Eksekusi total area kaki halaman (Footer) */
.pkp_structure_footer_wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.pkp_structure_footer {
    margin-bottom: 0 !important;
    padding-bottom: 40px !important; /* Jarak aman teks di dalam latar putih */
}

/* 4. Menembak elemen teks "Platform & workflow by OJS/PKP" agar tidak menyisakan ruang luar */
.pkp_brand_footer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

@media screen and (min-width: 992px) {
  /* 1. Menghilangkan latar belakang putih luar header agar motif abu-abu kembali terlihat di sisi luar */
  .pkp_structure_head {
    background: transparent !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* 2. KUNCI UTAMA: Memaksa pembungkus banner memiliki lebar yang SAMA dengan kotak konten bawah (1100px atau 1180px bawaan OJS) */
  .pkp_site_name_wrapper {
    background-color: #ffffff !important;
    max-width: 1180px !important; /* Nilai standar default theme OJS agar sejajar dengan kotak bawah */
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important; /* Menghilangkan padding bawaan agar gambar menempel ke tepi kotak putih */
    overflow: hidden !important; /* Memastikan sudut gambar tidak keluar garis */
    display: block !important;
  }

  /* 3. Membuat kontainer teks/logo internal menjadi nol padding */
  .pkp_site_name {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  /* 4. Memaksa gambar masuk pas di dalam kotak seolah-olah menjadi background */
  .pkp_site_name .is_img {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important; /* Mengikuti lebar kotak putih pembungkus (fit) */
    max-width: 100% !important;
    height: auto !important; /* Tinggi otomatis agar proporsi gambar tidak rusak */
    max-height: 220px; /* Batasi tinggi maksimal agar tidak terlalu memakan layar */
    margin: 0 auto !important;
  }
}


/* Memaksa posisi menu admin di atas banner agar stabil */
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 15px !important;
    right: 20px !important;
    z-index: 999 !important;
}

/* Mengubah warna teks menu admin menjadi hitam/abu-abu gelap pekat */
.pkp_navigation_user a, 
.pkp_navigation_user .fa, 
.pkp_navigation_user span {
    color: #2c3e50 !important; /* Warna biru gelap pekat yang sangat kontras */
    font-weight: bold !important;

}

/* Efek hover */
.pkp_navigation_user a:hover {
    color: #00a651 !important; /* Berubah menjadi hijau saat di-hover */
}