.pkp_structure_footer_wrapper {
  background: #4a4a4f !important;
  border: none !important;
}

.pkp_structure_footer {
  position: relative;
  max-width: 1120px;
  margin: 0 auto !important;
  padding: 36px 32px 140px 32px !important;
  color: #f3f3f3 !important;
  font-size: 15px;
  line-height: 1.6;
  box-sizing: border-box;
}

.pkp_footer_content {
  width: 100% !important;
  float: none !important;
}

.pkp_footer_content p,
.pkp_footer_content div,
.pkp_footer_content span,
.pkp_structure_footer p,
.pkp_structure_footer div,
.pkp_structure_footer span {
  color: #f3f3f3 !important;
}

.pkp_structure_footer a,
.pkp_footer_content a {
  color: #5e9ec7 !important;
  text-decoration: none;
}

.pkp_structure_footer a:hover,
.pkp_footer_content a:hover {
  text-decoration: underline;
}

/* wrapper footer custom */
.binus-footer {
  width: 100%;
}

/* baris atas */
.binus-footer-top {
  margin-bottom: 42px;
}

.binus-footer-top p {
  margin: 0 0 14px 0 !important;
  max-width: 980px;
}

/* baris bawah 2 kolom */
.binus-footer-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 80px;
}

.binus-footer-left {
  width: 40%;
  min-width: 320px;
}

.binus-footer-right {
  width: 42%;
  min-width: 320px;
}

.binus-footer-left p,
.binus-footer-right p {
  margin: 0 0 8px 0 !important;
}

/* logo OJS kanan bawah seperti BINUS */
.pkp_brand_footer {
  position: absolute !important;
  right: 32px;
  bottom: 28px;
  width: 170px;
  text-align: center;
}

.pkp_brand_footer img,
.pkp_brand_footer svg {
  max-width: 100%;
  height: auto;
}

/* buang style lama yang suka bikin layout aneh */
.pkp_structure_footer:after,
.pkp_structure_footer:before,
.pkp_footer_content:after,
.pkp_footer_content:before {
  content: "";
  display: table;
}

/* responsive */
@media (max-width: 900px) {
  .pkp_structure_footer {
    padding: 28px 20px 120px 20px !important;
  }

  .binus-footer-bottom {
    display: block;
  }

  .binus-footer-left,
  .binus-footer-right {
    width: 100%;
    min-width: auto;
  }

  .binus-footer-right {
    margin-top: 24px;
  }

  .pkp_brand_footer {
    right: 20px;
    bottom: 20px;
    width: 135px;
  }
}
/* Custom Banner Homepage - BINUS style */
.custom_journal_banner {
	display: flex;
	align-items: flex-start;
	gap: 28px;
	background: linear-gradient(120deg, #2d0b45 0%, #123b78 55%, #008bd2 100%);
	padding: 28px 30px;
	border-radius: 4px;
	margin: 0 0 35px 0;
	color: #ffffff;
	min-height: 330px;
	box-sizing: border-box;
}

.custom_banner_image {
	flex: 0 0 220px;
}

.custom_banner_image img {
	width: 220px;
	height: 300px;
	object-fit: cover;
	display: block;
	background: #ffffff;
	border: 1px solid rgba(255,255,255,0.35);
}

.custom_banner_content {
	flex: 1;
	padding-top: 12px;
}

.custom_banner_content h1 {
	font-size: 30px;
	line-height: 1.12;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 24px 0;
	letter-spacing: 0.3px;
}

.custom_banner_content p {
	font-size: 16px;
	line-height: 1.45;
	color: #ffffff;
	margin: 0 0 14px 0;
}

.custom_banner_content .issn {
	color: #ffb12b;
	font-size: 17px;
	line-height: 1.35;
	margin-bottom: 22px;
}

.custom_show_more {
	color: #ffb12b;
	font-weight: 700;
	text-decoration: none;
	font-size: 16px;
}

.custom_show_more:hover {
	color: #ffffff;
	text-decoration: none;
}

/* Biar gambar lama yang besar tidak ikut muncul */
.homepage_image {
	display: none;
}

/* Mobile responsive */
@media (max-width: 768px) {
	.custom_journal_banner {
		flex-direction: column;
		padding: 22px;
	}

	.custom_banner_image {
		flex: none;
	}

	.custom_banner_image img {
		width: 20%;
		height: auto;
	}

	.custom_banner_content h1 {
		font-size: 24px;
	}
}
.page_index_journal .homepage_image {
	display: none !important;
}

.page_index_journal .custom_journal_banner {
	display: flex !important;
	align-items: flex-start !important;
	gap: 24px !important;
	background: linear-gradient(120deg, #321044 0%, #143a78 55%, #008bd2 100%) !important;
	padding: 24px !important;
	margin-bottom: 30px !important;
}

.page_index_journal .custom_banner_image img {
	width: 190px !important;
	height: 260px !important;
	object-fit: cover !important;
	display: block !important;
}