/* ==========================================================
   FIX HEADER USRATY — BANNER, SPACE PUTIH, DAN NAVBAR
   Tempel di bagian PALING BAWAH CSS
   ========================================================== */

/* Batasi lebar halaman agar banner tidak terlalu melebar */
.pkp_structure_page {
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--usraty-white) !important;
  box-shadow: 0 0 20px rgba(50, 8, 18, 0.10);
}

/* Area header tidak membuat ruang kosong besar */
.pkp_structure_head {
  max-width: 1360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: var(--usraty-white) !important;
}

/* Hilangkan space kosong pada wrapper header */
.pkp_head_wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Area nama situs / banner */
.pkp_site_name,
.pkp_site_name_wrapper {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* Link pembungkus banner */
.pkp_site_name a,
.pkp_site_name_wrapper a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* Gambar banner agar pas memenuhi area tanpa menyisakan space putih */
.pkp_site_name img,
.pkp_site_name_wrapper img,
.pkp_site_name .is_img img,
.pkp_site_name_wrapper .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Hilangkan ruang kosong antara banner dan navbar */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Navbar menempel langsung di bawah banner */
.pkp_navigation_primary_row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background:
    linear-gradient(
      135deg,
      var(--usraty-primary-dark) 0%,
      var(--usraty-primary) 100%
    ) !important;
}

/* Wrapper menu mengikuti warna USRATY */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
  background:
    linear-gradient(
      135deg,
      var(--usraty-primary-dark) 0%,
      var(--usraty-primary) 100%
    ) !important;
}

/* Menu utama lebih rapi */
.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:focus {
  color: var(--usraty-white) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2px;
}

/* Hover menu utama */
.pkp_navigation_primary > li > a:hover {
  color: var(--usraty-gold-soft) !important;
  background: rgba(255, 255, 255, 0.10) !important;
}

/* Search di kanan navbar */
.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus {
  color: var(--usraty-gold-soft) !important;
  font-weight: 700 !important;
}

/* Hilangkan space putih besar setelah navbar */
.pkp_structure_content {
  margin-top: 0 !important;
  padding-top: 18px !important;
}

/* Hapus pseudo element yang kadang membuat ruang kosong */
.pkp_structure_head::before,
.pkp_structure_head::after,
.pkp_head_wrapper::before,
.pkp_head_wrapper::after,
.pkp_site_name::before,
.pkp_site_name::after,
.pkp_site_name_wrapper::before,
.pkp_site_name_wrapper::after {
  display: none !important;
  content: none !important;
}

/* Pastikan header tidak punya tinggi minimum yang menyebabkan blank space */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name,
.pkp_site_name_wrapper {
  min-height: 0 !important;
}

/* Background body tetap motif, area utama tetap putih */
body {
  background-color: var(--usraty-surface) !important;
  background-image: url('https://ejournal.uinbukittinggi.ac.id/img/gift/patern.png') !important;
  background-size: 50px !important;
}

/* Responsive: pada layar kecil tetap penuh */
@media screen and (max-width: 1360px) {
  .pkp_structure_page,
  .pkp_structure_head {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .pkp_site_name img,
  .pkp_site_name_wrapper img,
  .pkp_site_name .is_img img,
  .pkp_site_name_wrapper .is_img img {
    width: 100% !important;
    height: auto !important;
  }

  .pkp_structure_content {
    padding-top: 12px !important;
  }
}