/* =======================================================
   PENGATURAN HEADER & LOGO (FULL WIDTH BANNER)
   ======================================================= */

.pkp_head_wrapper, .has_site_logo .pkp_head_wrapper { 
    position: relative; 
    padding-top: 0 !important; /* Dibuat 0 agar bagian atas tidak terpotong margin */
    background: transparent; 
}

.pkp_site_name_wrapper { 
    width: 100%; 
    padding-left: 0 !important; 
    padding-right: 0 !important; 
}

.pkp_site_name { 
    padding-top: 0 !important; 
    padding-bottom: 0 !important; 
    width: 100%;
}

.pkp_site_name > a { 
    display: block;
    width: 100%;
    padding-top: 0; 
    padding-bottom: 0; 
}

.pkp_site_name .is_img { 
    display: block; 
    margin: 0; 
    padding: 0; 
    width: 100%;
}

/* Kunci Perbaikan Utama */
.pkp_site_name .is_img img { 
    max-height: none !important; /* Menghapus batasan 300px bawaan Anda */
    width: 100% !important;      /* Memaksa gambar mengisi penuh lebar layar */
    height: auto !important;     /* Menjaga proporsi gambar agar tidak gepeng */
    display: block;
    margin: 0; 
}

/* =======================================================
   SIDEBAR MENU 3D BERBINGKAI 
   ======================================================= */

.sidebar-framed-container {
  padding: 10px 0;
}

.menu-3d-framed {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.menu-3d-framed li {
  margin-bottom: 12px; /* Spasi antar tombol */
}

.menu-3d-framed li:last-child {
  margin-bottom: 0;
}

.menu-3d-framed li a {
  display: block;
  padding: 13px 18px;
  background-color: #4A94C4; /* Warna latar tombol (Navy Gelap) */
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px; /* Sudut tombol membulat */
  
  /* BINGKAI KOTAK & BAYANGAN 3D */
  border: 2px solid #57738d; /* Bingkai garis luar */
  box-shadow: 0 5px 0 #05568c, 0 6px 10px rgba(0, 0, 0, 0.25); /* Ketebalan 3D bawah */
  transition: all 0.1s ease-in-out;
  position: relative;
}

/* EFEK HOVER: Bingkai berubah warna emas saat kursor di atasnya */
.menu-3d-framed li a:hover {
  border-color: #2313fd; /* Bingkai menyala Kuning Emas */
  background-color: #00334e;
  box-shadow: 0 5px 0 #3f00b3, 0 8px 12px rgba(0, 0, 0, 0.3);
}

/* EFEK KLIK (ACTIVE): Tombol amblas/tertekan ke dalam */
.menu-3d-framed li a:active {
  transform: translateY(4px); /* Menurunkan tombol sejauh 4px */
  border-color: #2a13fd;
  box-shadow: 0 1px 0 #00121e, inset 0 2px 4px rgba(0, 0, 0, 0.5); /* Ketebalan hilang & muncul bayangan dalam */
}

/* =======================================================
   5. FOOTER CUSTOM — DISESUAIKAN WARNA DENGAN HEADER (BIRU MUDA)
   ======================================================= */

.jbn-footer {
  background: linear-gradient(135deg, #eaf6fd 0%, #cfe9f7 60%, #b8dcf0 100%);
  color: #2c4c6b;
  padding: 40px 30px 0;
  border-radius: 12px 12px 0 0;
  margin-top: 20px;
  border-top: 4px solid #1a3a5c;
}

.jbn-footer-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.jbn-footer-col {
  flex: 1 1 220px;
  min-width: 200px;
}

.jbn-footer-brand h4 {
  color: #1a3a5c;
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.jbn-badge {
  background: #a83232;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.jbn-footer-brand p {
  font-size: 13.5px;
  line-height: 1.6;
  color: #4a6a85;
  margin: 0 0 16px;
}

.jbn-issn {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #a9cde3;
  color: #1a3a5c;
  font-size: 12.5px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
}

.jbn-footer-col h5 {
  color: #1a3a5c;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid #a83232;
  display: inline-block;
}

.jbn-footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.jbn-footer-col ul li {
  margin-bottom: 10px;
}

.jbn-footer-col ul li a {
  color: #3f6280;
  text-decoration: none;
  font-size: 13.5px;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

.jbn-footer-col ul li a::before {
  content: "\203A";
  margin-right: 6px;
  color: #a83232;
  font-weight: 700;
}

.jbn-footer-col ul li a:hover {
  color: #1a3a5c;
  padding-left: 3px;
}

.jbn-footer-strong {
  color: #1a3a5c;
  font-weight: 600;
  font-size: 13.5px;
  margin: 0 0 6px;
}

.jbn-footer-col p {
  font-size: 13.5px;
  color: #4a6a85;
  margin: 0 0 8px;
  line-height: 1.5;
}

.jbn-footer-muted {
  color: #6f8ba3 !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px !important;
}

.jbn-footer-col a {
  color: #a83232;
  text-decoration: none;
}

.jbn-footer-col a:hover {
  text-decoration: underline;
}

.jbn-footer-bottom {
  border-top: 1px solid #a9cde3;
  background: #1a3a5c;
  color: #cfe3f2;
  text-align: center;
  padding: 16px 20px;
  font-size: 12.5px;
  border-radius: 0 0 12px 12px;
}

.jbn-footer-bottom strong {
  color: #ffffff;
}

@media (max-width: 768px) {
  .jbn-footer-grid { gap: 26px; }
  .jbn-footer-col { flex: 1 1 100%; }
}
/* =======================================================
   3b. BLOCK "INDEXED BY" — DI ATAS FOOTER
   ======================================================= */

.indexed-by-block {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(20, 40, 70, 0.08);
  padding: 30px 20px 35px;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}

.indexed-by-title {
  display: inline-block;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #1a3a5c;
  text-transform: uppercase;
  margin: 0 0 10px;
  padding-bottom: 10px;
  border-bottom: 3px solid #2c9e8f;
}

.indexed-by-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 25px;
}

.indexed-by-item {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.indexed-by-item img {
  max-height: 55px;
  width: auto;
  object-fit: contain;
}

.indexed-by-item:hover {
  transform: translateY(-4px);
  opacity: 0.85;
}

.indexed-by-item-full {
  flex-basis: 100%;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .indexed-by-grid { gap: 24px; }
  .indexed-by-item img { max-height: 42px; }
}

/* =======================================================
   6. RAPIKAN "TERINDEKS PADA" — TENGAHKAN
   ======================================================= */

.pkp_structure_footer,
footer.pkp_structure_footer,
#footer {
  text-align: center !important;
}

.pkp_structure_footer p,
.pkp_structure_footer div {
  text-align: center !important;
}

/* Kalau logo dibungkus dalam link/gambar berjajar, buat flex center */
.pkp_structure_footer img {
  display: inline-block !important;
  vertical-align: middle !important;
}

/* =======================================================
   7. SEMBUNYIKAN TEKS "Platform & workflow by OJS/PKP"
   ======================================================= */

/* Selector utama (class resmi OJS) */
.pkp_structure_footer .pkp_powered_by,
.pkp_structure_footer .pkp_footer_credit,
.pkp_powered_by {
  display: none !important;
}

/* Fallback: sembunyikan link apapun yang mengarah ke situs PKP */
.pkp_structure_footer a[href*="pkp.sfu.ca"],
.pkp_structure_footer a[href*="pkp.sfu.ca"]:before,
footer a[href*="pkp.sfu.ca"] {
  display: none !important;
}

/* Fallback tambahan: sembunyikan paragraf/div yang mengandung teks ini,
   dibungkus lewat parent langsung agar area kosongnya juga rapi */
.pkp_structure_footer > *:last-child:not(.jbn-footer):not(.indexed-by-block) {
  display: none !important;
}

/* =======================================================
   7. SEMBUNYIKAN TEKS "Platform & workflow by OJS/PKP" SAJA
   (Tidak menyentuh copyright bar Bisnis Net / .jbn-footer-bottom)
   ======================================================= */

.pkp_structure_footer .pkp_powered_by,
.pkp_structure_footer .pkp_footer_credit,
.pkp_powered_by {
  display: none !important;
}

.pkp_structure_footer a[href*="pkp.sfu.ca"] {
  display: none !important;
}