/* ============================= */
/* Kotak judul sidebar (warna biru) */
/* ============================= */
.title-badge {
  display: block;
  width: 100%;
  text-align: center;
  padding: .6rem 1rem;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .08em;
  background: #1e90ff;   /* biru utama */
  box-shadow: 0 6px 14px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08);
  margin-bottom: 10px;
}

.title-badge:hover {
  background: #1877d1;   /* biru hover */
}

/* Versi hijau */
.title-badge-green {
  display: block;
  width: 100%;
  text-align: center;
  padding: .6rem 1rem;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .08em;
  background: #28a745;   /* hijau */
  box-shadow: 0 6px 14px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08);
  margin-bottom: 10px;
}

.title-badge-green:hover {
  background: #218838;
}

/* ============================= */
/* Logo Section (Published by, etc.) */
/* ============================= */
.sidebar-logos {
  text-align: center;
  margin: 20px 0;
}

/* Baris pertama: 2 logo sejajar */
.sidebar-logos .logo-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  gap: 15px; /* jarak antar logo */
}

/* Setiap logo kecil agar proporsional */
.sidebar-logos .logo-row img {
  max-width: 100px;  /* bisa disesuaikan, misal 80px */
  height: auto;
}

/* Logo IAPA di baris kedua */
.sidebar-logos .logo-single img {
  max-width: 160px; /* lebih besar karena berdiri sendiri */
  height: auto;
}

.pkp_brand_footer {
display: none;
}

/* Atur jarak antar blok sidebar */
.sidebar-block {
  margin-bottom: 20px;   /* default OJS sering 40-50px, ini diperkecil */
}

/* Atur agar logo tools rapi */
.tools-logos img {
  display: block;
  margin: 8px auto;
  max-width: 130px;
  height: auto;
}
/* Bikin navbar full biru sampai kanan (termasuk area kosong + search) */
.pkp_site_nav_menu {
  background-color: #1e90ff;   /* biru utama */
  width: 100%;
  padding: 0;                  /* biar rapat */
}

/* Styling link menu */
.pkp_site_nav_menu ul li a {
  color: #000 !important;      /* teks hitam */
  font-weight: 600;
  padding: 12px 18px;          /* jarak antar menu */
  display: block;
}
/* Hover efek menu */
.pkp_site_nav_menu ul li a:hover {
  background-color: #1877d1;   /* biru lebih gelap saat hover */
  color: #fff !important;      /* jadi putih saat hover */
  border-radius: 3px;
  transition: 0.3s;
}

/* Search bar (biar juga pas dengan warna background) */
.pkp_site_nav_menu .pkp_search {
  background-color: #1e90ff;
  padding: 12px 18px;
}

.pkp_site_nav_menu .pkp_search input[type="text"],
.pkp_site_nav_menu .pkp_search button {
  border-radius: 4px;
}